在Git Pages上正确地托管Jekyll网站

Question

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

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

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

• Using Github Pages to host a website v2
• Jekyll Documentation
• Building Static Sites with Jekyll
• building-a-docs-site-with-jekyll-github-pages

到目前为止，我总是创建存储库，分支机构，我总是推动一切。我不相信错误是在部署中，而是在其他地方。

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

• Fl4m3Ph03n1x web-tutorials repo

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

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

Answer 1

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

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

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

您需要做的是在baseurl

中设置_config.yml

baseurl: /web-tutorials

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

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

和帖子链接

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

您还需要更新site

中的_config.yml设置