我想爲我的github頁面設置favicon.ico，但它不起作用。當我在本地提供服務時，我會看到標準的「空白」圖標，當我推送它時，我會看到Facebook圖標。爲什麼這樣？我在我的項目的根目錄下的權利favicon.ico，我增加了行無法使用Jekyll和github頁面設置圖標
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
到相關default.html。你可以在這裏看到來源：https://github.com/drorata/drorata.github.io
我從GitHub克隆你的項目來看看它。正如您所注意到的，使用Jekyll提供服務後，圖標並未顯示。
我做了一些快速測試，將favicon文件轉換爲.png而不是.ico文件，並將favicon聲明更改爲以下內容，並且能夠讓它顯示favicon。
<link rel="shortcut icon" type="image/png" href="/favicon.png">
我試圖得到圖標的工作，同時保持.ico文件格式，並且無法因此在第一次做。但是，我做了一些快速搜索，發現了這個問題，favicon not displayed by Firefox。
在這個問題提問者有一個類似的問題與favicon沒有顯示，並最終能夠通過添加一個?到favicon圖標聲明中的favicon文件的鏈接的末尾來快速解決。我試過這個，它工作。以下是favicon聲明的內容：
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?">
這兩種方法中的任何一種似乎都能解決您的問題。就我個人而言，我建議使用第一種方法，即將圖像轉換爲.png文件，因爲它看起來更簡單一些，也更簡單。
但是，如果您希望將文件保存爲.ico文件，那麼在嘗試第二種方法之前，您應該先閱讀我鏈接的問題，因爲問題的接受答案與該解決方案不同。另外我不確定爲什麼第二種方法能夠工作，而且看起來有點不合理。
以防萬一有人會找這個。兩種方法都不適合我。但是，當我追加的site.url，它的工作
<link rel="shortcut icon" type="image/png" href="{{site.url}}/favicon.png">
也許這是因爲您的網站字段包含基本網址？通常你有一個網站和一個基地網址。 www.example-site.com/example-base/ < - 你的site.url可能看起來像這樣 – visc
我認爲，目前，要做到這一點正確的做法是：
<link rel="shortcut icon" type="image/png" href="{{ "/favicon.png" | prepend: site.baseurl }}" >
假設你使用的是PNG。以下也爲我工作，而不是.png：
<link rel="shortcut icon" type="image/x-icon" href="{{ "/favicon.ico" | prepend: site.baseurl }}" >
我在Linux上使用Chrome。 Excalibur Zero的答案或Ribtoks答案都不適合我。
我用
<link rel="shortcut icon" type="image/x-icon" href="{{ site.baseurl }}/images/favicon.ico" >
而且我在文件夾圖標images。
保留斜槓使href地址相對。
例如：
變化
<link rel="shortcut icon" type="image/png" href="/favicon.png">
到：
<link rel="shortcut icon" type="image/png" href="favicon.png">
在我github pages site這個完美的作品。
使用我的網站https://hustlion.github.io/spanish-cards/爲例：
當您使用<link rel="shortcut icon" type="image/png" href="/favicon.png">，圖標的地址將是https://hustlion.github.io/favicon.png，因爲網站（由斜槓/favicon.png指定）的根源是https://hustlion.github.io/ 。
但是，當您使用<link rel="shortcut icon" type="image/png" href="favicon.png">時，這是相對於路徑https://hustlion.github.io/spanish-cards/，所以圖標地址將被正確解析爲https://hustlion.github.io/spanish-cards/favicon.png。當您使用github上的頁面爲您的具體資料庫
這條道路問題發生的特別。
我不確定爲什麼這是downvoted，但它是最好的解釋。或者，您可以像斜槓一樣添加點：'href =「./ favicon.png」' – Sia
我試過後面的選項，它完美的工作！謝謝。 – Dror
第二種解決方案適用於我 – user1066183
也爲我工作 – linuscl