如何在 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

当您为网站添加基础 url 时，它会创建一个 link

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

如果您将 / 添加到该 href 之前，您的网站样式实际上看起来会更好。

请注意，由于这个原因，还有一些其他 link 也已损坏。

问题是您的 _config.yml 文件包含错误的 baseurl。 baseurl 应该是 /palpen_articles 而不是 palpen_articles.

Answer 2

如果您在本地使用的环境与 GitHub 不同，您将来可能会遇到更多麻烦。您需要使用捆绑器为 Jekyll 提供服务才能完成此操作。

看看这个 看看怎么做。

希望对您有所帮助！