爲什麼我的傑奇網站顯示巨大的圖標在Github頁面

我產生與jekyll new simple-site
新傑基爾網站的網站看起來確定在本地主機。這是默認的，無論如何都會生成的虛擬網站。
我把它推到gh-pages分行回購。

現在該網站顯示在github.io/下，但帶有巨大的圖標。爲什麼我的傑奇網站顯示巨大的圖標在Github頁面

默認的jekyll生成站點中的github和twitter的svg圖標跨越頁面的整個寬度。他們應該是16px左右。

同樣在頂部出現3個巨大的塊。他們又是svg，應該是細線。

這裏是我的網站：http://ananthp.github.io/carnatic_scores/
（回購：https://github.com/ananthp/carnatic_scores/tree/gh-pages）

HUGE svg icons in github pages jekyll site

來源

2014-09-13 ananth.p

由於你的網站是不是在域ananthp.github.io/的根，但在「目錄」 carnatic_scores/，你必須在你的_config.yml文件中設置baseurl變量。

baseurl: '/carnatic_scores'

編輯：一些解釋

在_includes/head.html你可以看到這一點：

<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">

這相當於

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

隨着baseurl設置爲「「（默認）您的相對網址是/css/main.css，解析爲http://ananthp.github.io/css/main.css通過您的瀏覽器= 404找不到。

隨着baseurl設置爲「/ carnatic_scores」你的相對URL是/carnatic_scores/css/main.css，這爲http://ananthp.github.io/carnatic_scores/css/main.css您的瀏覽器=冷靜的CSS解析！

這對所有資產（CSS，JS和圖片）真：

<script src="{{ site.baseurl }}/path_to_scripts/script.js"></script> 

<img src="{{ site.baseurl }}/path_to_images/image.jpg"> 

or in markdown 

![Image alt]({{ site.baseurl }}/path_to_images/image.jpg)

來源

2014-09-13 08:07:13

修復它。那麼，缺乏baseurl阻止了樣式表加載？ – 2014-09-13 08:33:46

它防止加載所有資產。請參閱編輯。 – 2014-09-13 09:36:02

@DavidJacquel關於[this]的任何想法（http：// stackoverflow。com/q/34532476/2404470） – xameeramir 2015-12-30 15:54:45

大衛Jacquel的答案是正確的，但我想指出的是，具有傑基爾a page about how to properly setup your Jekyll site for github pages。在該網站上，他們具體說說修復（改變baseurl），但他們提到，你必須知道的太多的其他重要的事情預覽您的網站

$ jekyll serve --baseurl ''

好運和幸福的博客！

來源

2015-01-15 16:13:51 KCE

爲什麼我的傑奇網站顯示巨大的圖標在Github頁面

回答

相關問題