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

Question

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

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

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以查看操作方法。

希望有所帮助！