Jekyll 在 github-pages 中损坏了帖子链接

Question

我正在构建我的 jekyll 页面，我刚刚上传到 gh-pages。当我点击我的帖子链接时，我收到一个 404 错误，这是我的设置。

_config.yml

baseurl: ""
url: "bousis.github.io/blog"
permalink: /blog/:title

这是索引中的代码

<ul class="posts">
    {% for post in site.posts %}
    <li> 
     <a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
    <span class="right date">{{ post.date | date_to_string }}</span>
    </li>
    {% endfor %}
</ul>

我有我的baseurl: ""，因为这是让我的 css 加载的唯一方法。从头部删除前导/。

  <link rel="stylesheet" href="{{ "css/main.css" | prepend: site.baseurl }}">

这是我的文件夹树 [文件夹树]1

我想要实现的是能够在我的网址中有这样的东西

bousis.github.io/blog/welcome-to-jekyll to link to my post

如果能得到就完美了

bousis.github.io/     

作为索引

bousis.github.io/welcome-to-jekyll 我的帖子

谢谢，

Answer 1

创建一个bousis.github.io 存储库并将您的jekyll 源推送到master 分支。

你的 _config.yml 就是：

baseurl: ""
url: "bousis.github.io"
permalink: /:title

Answer 2

除了David Jacquel的正确答案，如果你想实现之前的bousis.github.io/blog/welcome-to-jekyll风格链接，你几乎是正确的，你只需要将baseurl设置为blog ，而不是整个地址。而您的url 将具有bousis.github.io 的值。

所以你会有这些值：

baseurl: blog/
url: "bousis.github.io"
permalink: /:title     #this actually works now, it didn't for me last time, not sure why

之后，您需要在 GitHub Pages 上关注 tutorial 以获取项目站点，您可以在其中创建一个名为 blog 并带有 gh-pages 分支的存储库。（或者，如果您已经拥有一个仓库，只需要创建一个 gh-pages 分支），GitHub会给你一个username.github.io/name-of-repo格式的url

然后最后继续将您的 Jekyll 站点推送到该 repo 中的那个分支。

注意：pretty 永久链接也会显示带有日期的帖子，如果您愿意的话。

可以在this blog post 上找到有关使用 baseurl 的良好参考，标题为：Clearing up Confusion around Baseurl - Again。这写在how to handle permalinks in Jekyll。

建议为非帖子页面设置自己的永久链接，例如如果您有一个about 页面，请确保将永久链接明确设置为/about 以避免任何可能的冲突，如果您有一个@987654337 @命名为about。如果您记下它就不会发生这种情况，但如果您以某种方式创建一个标题为 about 的帖子，将来可能会让您头疼。