deployment - 在 Git Pages 上正确托管 Jekyll 网站

Question

我很绝望。我的任务是使用“项目”选项（而不是用户选项）将使用Jekyll生成的静态网站部署到GitHub Pages中。

不知何故，当我使用 Jekyll 检查我机器中的网站时，一切正常。但是一旦我将它部署到 Git Pages，我所有的 CSS 文件都会停止工作，并且每个链接都会导致 404 not found 错误。

我遵循了几个指南和教程，但都失败了：

• 使用 Github Pages 托管网站 v2
• Jekyll 文档
• 使用 Jekyll 构建静态站点
• 用 jekyll-github-pages 构建一个文档站点

到目前为止，我总是创建存储库、分支，并且总是推送所有内容。我不相信错误出在部署中，而是在其他地方。

我的回购可以在这里找到：

• Fl4m3Ph03n1x 网络教程回购

对于那些想知道的人，到目前为止，存储库只是一个教程的结果：- AndrewMunssel 教程

我也测试过其他教程，但我总是遇到问题。我的代码错了吗？我遵循的教程是否已过时且不正确？我应该怎么办？

Answer 1

您站点上的所有内容都位于域外的子目录中，因此可以在此处访问主站点

http://fl4m3ph03n1x.github.io/web-tutorials/

模板指向域根目录上的目录，因此它试图从而http://fl4m3ph03n1x.github.io/assets不是它们所在http://fl4m3ph03n1x.github.io/web-tutorials/assets/的位置加载您的样式表，您的帖子也会发生同样的事情。

你需要做的是baseurl在你的_config.yml

baseurl: /web-tutorials

然后，您需要修改模板，以便 CSS 和 JS 的路径使用以下约定

{{ site.baseurl }}/path/to/css.css

和帖子链接

{{ site.baseurl }}{{ post.url }}

您还需要更新site设置_config.yml