jekyll进阶

郗福
2023-12-01

虽然jekyll有着jekyllbootstrap模板,但是本人觉得如果是做个博客,只需要将默认的模板修改一下就可以了。

1 中文编码问题

如果html页面中有中文就会报错,“invalid byte sequence in UTF-8”。

**原因:**html页面编码是ANSI。

方法:使用Notepad++编辑器,修改页面的编码格式,如:header.html文件保存为UTF-8无BOM编码格式。

PS:不要适应记事本,否则有BOM会导致页面导航前有空格。

2 导航条问题

默认模板的导航条只有一个about,如何在加一个blog菜单呢?

方法:
在根目录加一个.md或html文件。其页面变量title就是导航的名称。

遗漏问题:由于导航条的信息是使用全局变量pages循环输出,导致导航条的顺序无法控制。

遗漏问题解决:在文件名称前添加“01_”控制文件的排序,从而控制导航条在pages中的排序,最终解决导航排序问题。
({{site.url}}/assets/screenshot.jpg)

3 时间格式修改

由于jekyll的默认时间是国外的样式,不符合国人的习惯(主要是英文是硬伤,改改改)

默认样式的代码是(Mar 31, 2016):

{ post.date | date: "%b %-d, %Y" } //最外层还有一对{},由于写了无法显示,所有忽略了

从中可以看出是使用Liquid语法(官网)。

改为(2016-03-31):

{ post.date | date: "%Y-%m-%d" } //最外层还有一对{},由于写了无法显示,所有忽略了

4 站内搜索问题

参考:https://codeboy.me/2016/01/18/jekyll-search-component/

5 站点统计与评论

站点统计:http://zhanzhang.cnzz.com/
评论:使用社会化评论系统,如:多说,友言,畅言等。

 类似资料: