从 Jekyll 生成的页面设置 GitHub 页面站点

Setting a GitHub pages site from a Jekyll-generated page

我无法根据我阅读的教程设置新的基于 Jekyll 的 GitHub 页面站点。这是我采取的完整步骤列表:

  1. 运行jekyll new jek_test。这创建了一个新目录。
  2. 使用 GitHub 桌面在该目录中创建了一个 git 存储库,然后将其推送到一个新的 git 存储库,jek_test
  3. 在项目设置GitHub页面面板中,我选择master branch作为来源。

到目前为止,我看不出这有什么影响。导航到 https://gadial.github.io/jek_test/ 产生了 404 错误。

  1. 我在项目Gem文件中添加了以下两行:

source "https://rubygems.org" gem "github-pages", group: :jekyll_plugins

现在推送到GitHub后,https://gadial.github.io/jek_test/link正常了,但是加载的页面明显不正确; CSS 未加载,link 错误,等等

我想我错过了几个关键步骤,但我找到的所有教程要么是 "simply push it and everything will be ok",要么似乎假设我没有使用基于 Gem 的主题,这意味着所有布局、css 文件等明确存储在 _layouts 目录等中

我这样做的方式正确吗?启动 Jekyll 生成的站点并在 GitHub 页上 运行 的最简单方法是什么?

您使用的是默认设置 minima,所以这不是问题,但是,如果您查看 about.md,您会发现它正在寻找一个名为 page 的布局.您目前没有 _layouts 文件夹

尝试创建一个名为 _layouts 的文件夹,并在其中创建一个名为 page.html 的布局,但您希望它显示具有 layout : page

的所有文件的内容

可以找到默认的page.htmlhere.

您需要将 url 更改为“https://gadial.github.io”,将 baseurl 更改为“/jek_test”。

如果这两个属性设置不当,Jekyll 将不知道去哪里寻找你的资源。