使用 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
以便网站正确加载。
我一直在尝试在 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
以便网站正确加载。