jekyll参考教程
我的建立博客主要是参考了两个教程
Ubuntu下安装jekyll和创建简单模板,此教程简单介绍了Ubuntu安装jekyll和创建简单模板
youtube视频教程共34个小视频,3-5min每个,全程大约要使用1个小时36分钟,基本讲解了jekyll的网页逻辑,文件结构,是我主要的参考。(强烈建议xx-net来科学上网)
这次搭建博客主要是参考了这两个教程,youtube的视频教程为主,基本看完就了解jekyll的文件结构和基本逻辑,然后根据自己想法,简单搭建了个人博客,push到github,初步完成了这个面包。
why not use jekyll themes
jekyll themes上面有很多现有的博客模板,可以按需选取,但是想自己接触一下前端框架和基本的网页,主要还是自己带大的有感情,可以具体了解整个博客的结构,不爽哪里了就马上改哪里,看腻了可以换个排版,所以,简单学习一下jekyll的文件系统和bootstap框架,就自己动手搭了一个。
ubuntu 16.04下安装jekyll
参照Ubuntu下安装jekyll和创建简单模板来安装jekyll包
一步步新建jekyll文件系统
以下主要参照youtube视频教程
先整体看一下此博客的jekyll文件系统
1 | . |
简化创建标签导航页(category or tag.html)的方法
本来想把创建博客每个步骤慢慢记录下来,但是真正想写下来的时候,发现其实是光以markdown的形式,记录复杂的文件创建和引用是一件复杂的事,因此,youtube视频教程其实是最好的教程,基本看完就可以动手搭建了。
而视频教程中提及的标签导航页创建方法对于每个标签,都需要创建一个对应的specified_category.html来显示此标签下的所有文章,方法十分繁琐,但jekyll生成的是静态网页,所以无法动态生成。因为找了很久有没有比较简便的方法,终于在google的帮助下找到了教程,感谢这为德国大牛的帮助。
具体方法为:
1.在_layouts中新建一个category.html
1 | --- |
(可能是Liquid的原因,若我此处把\
去了,则会被解释成实际的网页元素,我不希望如此,但是没有找到避免这样的方法,只好暂时这么丑陋)新建一个layout,以后所有的specified_catgegoty.html都引用这个category.html
2.新建一个category文件夹,在文件夹中创建specified_catgegoty.html
1 | ├── category |
而每个specified_catgegoty.html中,只需要引用category.html,如jekyll.html如下:
1 | --- |
每次要使用新的标签时,只需要在category文件夹中,新建对应的specified_catgegoty.html,只需要包含layout和category信息即可,便可以在写新博客中直接使用对应的category标签。
这种方法依然要为每个标签创建独立的html文件,但是从将重复的代码提出来放进category.html来简化每次创建新的标签。