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

时间:2017-06-17 04:59:50

标签: github jekyll github-pages

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

所有代码均在此处:https://github.com/meredithhu/meredithhu.github.io

我在_layouts文件夹中定义了布局,显然只有default.html正在运行......但是并非所有其他人都以相同的方式定义?怎么可能没有其他的工作?

有人能给我一些提示如何解决这个问题吗?

2 个答案:

答案 0 :(得分:2)

link布局

更新您的default代码
<link rel="stylesheet" type="text/css" href="css/main.css">

到此 - &gt;

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

答案 1 :(得分:1)

样式加载存在问题,如果您只使用href="css/main.css",那么浏览器将使用当前级别作为基本URL,这就是它适用于基本URL的原因,但不适用于任何其他更深层次的URL类别/页面,在_layouts/default.html中将CSS行更改为:

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

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