用Jekyll创建博客本地正常,上传到GitHub后不能显示文章列表?

发布于 2022-09-02 10:19:55 字数 1132 浏览 20 评论 0

1. 首先使用jekyll生成一个最简单的博客:

jekyll new manxisuo.github.io

在本地运行正常,如下图所示:

图片描述

2. 在GitHub新建一个仓库:

地址:https://github.com/manxisuo/manxisuo.github.io

将博客代码上传到仓库的master分支。运行不正常,如下图所示:

图片描述

即Posts下面没有显示文章列表,而在本地是有的(见第一个图)。

我检查了一下index.html。生成文章列表的代码如下:

  <ul class="posts">
    {% for post in site.posts %}
      <li>
        <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
        <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
      </li>
    {% endfor %}
  </ul>

即文章是从site.posts这个变量遍历出来的,说明Push到GitHub后这个变量是空的。

对ruby不熟悉,请大家帮忙看一下是什么原因造成的。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

无敌元气妹 2022-09-09 10:19:55

我到题主的github目录里看了下,问题在_posts/2016-03-11-welcome-to-jekyll.markdown这个文件里。

设置date后面的日期稍微提前一点,就可以了。比如设置为昨天:

clipboard.png

这个问题是由于jekyll 3(github目前的jekyll版本)默认对于认定为"未来"的post,是不生成的,详情可以参考Future posts - Jekyll

此外建议修改feed.xml里的内容如下:

clipboard.png

以解决这个问题:

clipboard.png

我拿题主的目录在本地运行的时候,就能得到和github上一样的问题。一般来说,要保证本地预览效果可靠,需要让jekyll等相关的ruby gem(理解为ruby这个语言里的包管理工具,就像npm)和github的一致。对应的做法可以参照官方的:Setting up your Pages site locally with Jekyll

简单来说,让本地的运行github pages所需要的各类ruby gem(jekyll只是其中之一)和github线上的一致,就方便调试问题了。

呆萌少年 2022-09-09 10:19:55

jekyll没用过,Hugo也能用来生成个人静态博客。

http://listenzhangbin.com/post/go-hugo-blog/,推荐我写的一篇博客教程。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文