如何在GitHub頁面正確部署我的Jekyll博客

Question

我按照快速入門指南http://jekyllrb.com/docs/quickstart/中的說明創建了一個簡單的Jekyll博客。

我稍微更改了博客以適應我的需求，並能夠成功實施這些更改並在本地查看它們。但是，當我部署在Github頁面上的博客，我得到這個

http://palpen.github.io/palpen_articles/

這是什麼樣的網站的本地版本。我做錯了什麼？

我對這一切都很陌生，所以請原諒我，如果我的錯誤是微不足道的。 GitHub的倉庫的博客住在這裏：

https://github.com/palpen/palpen_articles

謝謝

Answer 1

通過摘你的意思是造型關閉的假設。

我在你的網站打開了，開發者控制檯，發現有此錯誤

http://palpen.github.io/palpen_articles/palpen_articles/css/main.css Failed to load resource: the server responded with a status of 404 (Not Found) 

注意，它試圖與您的網站主機訪問嵌套較深的資源。

罪魁禍首是這條線

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

https://github.com/palpen/palpen_articles/blob/gh-pages/_includes/head.html#L9

當你在前面加上基本網址的網站它會創建一個鏈接

<link rel="stylesheet" href="palpen_articles/css/main.css"> 

如果你在前面加上/到HREF你網站風格看起來更好。

請注意，由於這個原因，還有一些其他鏈接也被打破。

問題是您的_config.yml文件包含錯誤的baseurl。 baseurl應該是/palpen_articles而不僅僅是palpen_articles。

Answer 2

如果在本地不使用與GitHub相同的環境，將來可能會面臨更多麻煩。你需要通過捆綁銷售商來爲Jekyll服務才能實現。

看看這個answer檢查如何做到這一點。

希望能有所幫助！