使用 jekyll 构建 github 个个人网站时出现布局错误

layout errors building github personal site with jekyll

我一直在尝试在 meredithhu.github.io 上建立我自己的页面。如您所见,此时只有主页显示正确的布局,所有其他页面(如果您单击主页上的选项卡)布局都已关闭......我无法弄清楚为什么以及如何修复它...

所有代码都在这里:https://github.com/meredithhu/meredithhu.github.io

我在 _layouts 文件夹中定义了布局,显然只有 default.html 在工作...但不是所有其他的都以相同的方式定义吗? none 其他的如何工作?

谁能给我一些解决问题的提示?

default 布局更新您的 link 标签

<link rel="stylesheet" type="text/css" href="css/main.css">

到这个->

<link rel="stylesheet" href="/css/main.css">

样式加载有问题,如果你只使用 href="css/main.css" 那么浏览器将使用当前级别作为基础 URL,这就是为什么它适用于基础 url,但不是任何其他更深的 category/page,在 _layouts/default.html 中将 CSS 行更改为:

<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/css/main.css">

另外,在 _config.yml 中有一个错误的解析器,删除行 markdown: shengli 以便网站正确加载。