2017-05-17 25 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