2017-05-17 29 views
0

为什么我的main.css没有更新?故障排除:main.css的本地工作,而不是在GITHUBpages

到目前为止,我已经改变了的main.css的style.css以下忠告:

Jekyll site works locally but not on Github Pages

正如你可以看到我一直的style.css在/ CSS /目录下,因为来自不同来源的指导方针彼此冲突,我将其重新设置为默认值。

https://github.com/bomengeduld/boilerplate/blob/master/css/style.css

我试图从主分支 & GH-页面分支运行。也许我在这里犯了一个错误?因为它现在从主人开始运行,因为我是从主人开始建造的。

正如我tryed使用液体没有显著结果

<link rel="stylesheet" href="{{ site.baseurl }}/style.css"> 

我把它恢复为默认,但移动自定义CSS上述引导核心的CSS替代

 <head> 

      <meta charset="utf-8"> 
      <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <meta name="description" content="{{ site.description }}"> 
      <meta name="author" content="{{ site.author }}"> 

      <!-- Custom CSS --> 
       <link rel="stylesheet" type="text/css" href="/css/style.css"> 
      <!-- Bootstrap Core CSS --> 
       <link href="css/bootstrap.min.css" rel="stylesheet"> 
     </head> 

谢谢所有的建议在这里stackoverflow我已经更新我的config.yml文件的需要GITHUBpages

url: https://bomengeduld.github.io/boilerplate/ 
baseurl: /boilerplate/ 

port: 4000 

markdown: kramdown 

permalink: pretty 

我在没有任何成功的情况下遵循了几条关于stackoverflow的指导。 因为我是新手,我可能会错过一些非常简单的事情。

编辑1:

我在<head>添加CSS到<style>标签。它解决了除背景图像之外的所有内容。然而,这不是一个长期的解决方案。

+0

链接URL工作 –

回答

0

我重新启动了这个项目。

我开始了新的回购协议,克隆并下载HTML5样板&更新与引导到rootfile的。

然后我复制大多数现有的HTML代码从第一个项目到新项目中。

,因为我需要一个滚动导航栏。我重新启动了我的项目第二次从https://github.com/BlackrockDigital/startbootstrap-scrolling-nav

我克隆它,并复制所有我现有的代码。

与此同时,我正在进行每一个小步骤,以确保在jekyll上的结果,其中与github页面相同。

到目前为止,它的工作就像一个魅力。

有例如添加图像时的一些问题。在jekyll localhost上,它接受任何类型的文件。

在github页面上您有时必须将png更改为jpg。 也从来没有使用下划线_在你的文件的标题像photo_01.png

如果你把一个img标签,像这样做

<img class="img-responsive" alt="logo" src="img/mmlogo2.png"> 

做出一些图片出现在移动设备,我不得不使用<style> https://bomengeduld.github.io/boilerplate/:在<head> ,因为它只是在难道不CSS