如何在 GitHub 页面上正确部署我的 Jekyll 博客答案

【问题标题】：How do I properly deploy my Jekyll blog on GitHub pages如何在 GitHub 页面上正确部署我的 Jekyll 博客
【发布时间】：2016-02-22 12:16:42
【问题描述】：

我按照http://jekyllrb.com/docs/quickstart/ 中的快速入门指南中的说明创建了一个简单的 Jekyll 博客。

我稍微更改了博客以满足我的需要，并且能够成功实施这些更改并在本地查看它们。但是，一旦我在 Github Pages 上部署了博客，我就得到了这个

这与网站的本地版本完全不同。我做错了什么？

我对所有这些都是新手，如果我的错误是微不足道的，请原谅我。该博客的 GitHub 存储库位于此处：

谢谢

【问题讨论】：

【解决方案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 }}">

当您为网站添加基本网址时，它会创建一个链接

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

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

请注意，由于这个原因，还有几个其他链接也被破坏了。

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

【讨论】：

【解决方案2】：

如果您在本地不使用与 GitHub 相同的环境，将来您可能会面临更多麻烦。你需要为 Jekyll 提供 bundler 来实现这一点。

看看这个answer，看看怎么做。

希望有所帮助！

【讨论】：