耀庄老弟的博客

制作H2O主题页头html

SunbossRS
Jun 1, 2018
阅读本文可能需要 1 分钟。

儿童节快乐!
可怜我,还在敲代码。。


写在前面

H2O这个主题的核心是由index.html,及其代码组成的。(简单概括就这样。)
但是,如果你用浏览器直接打开index.html,不会成功.(不支持liquid)
因为有YamlHeader的缘故和其他。

(在开始前请务必确定你的jekyll博客是h2o模板!!)
我们再来看看index.html的内容(虽然说我也有点不明白一些内容)

1.配置页面

来看上面,有个Yaml Header
我们略过它,来看下面:
这一系列是说配置主体颜色/以h2显示标题/以h2显示描述/{如果有header-img选项,运用上去}/<加入header-img>
我们copy这个代码。

2.加入页面&加入页面导航

在这个h2o主题加入*你想要的页头名称*.html这样一个文件。
然后在_config.ymlnav:列表里加入这样的内容:

name: '/path/to/file.html'

name换成页面导航栏的标题
'/path/to/file.html'换成指向那个html文件的内容

3.写代码

打开你的那个html,然后把刚才说的代码复制进来.
然后空一格,输入你的自定义html代码.
输入完后,空两行,在那一行的第一格,记住!第一格输入以下内容(其实就是复制粘贴而已….)

</main>

大括号 百分号 空格 include 空格 footer.html 空格 百分号 大括号括回去

由于我这里输入上面的大括号什么什么的内容,就会网站构站失败,所以要根据我说的符号进行写下..

保存!

4.上传到github

5.打开你的网站.


本作品采用知识共享署名-非商业性使用-禁止演绎4.0国际许可协议进行许可。


知识共享许可协议4.0许可证件