jekyll学习一(结构)
Drakecb Lv3

在搭建github pages的时候比对了一下hexo和jekyll,发现后者写起博客来更加利索,所以妥妥的舍弃hexo。首先确保你的电脑上安装了Ruby,安装jekyll的具体步骤在jekyll的中文网站上都有介绍,安装的过程中可能会碰到诸如版本,缺少相关配置的问题,Google一下就可以找到排除问题的办法,因为每个人的环境不同,碰到的安装问题不同,这里就不具体介绍安装流程了。首先来看一下jekyll的结构:

image

对照上图

_config.yml

这个是配置文件,在根目录下,类似于wordpress根目录下的wp-config.php,很多配置选项可以写在这里面然后在页面里面调用。

_drafts

这个是未发布的文章集合,类似于草稿,都会在这个目录文件夹里面

_includes

存放页面公共部分的一个目录,比如同一个页面都有head,footer,copyright这些公共部分,我们可以提取出来语义化命名为.html文件然后在页面里引用,比如在首页里面可以用{% include head.html %}来引用头部信息,这个标签会自动去寻找_includes文件夹下的对应文件。

_layouts

layouts就是布局的意思,相同的页面我们可以生成一个统一的模板来使用,比如有category和archive这两个页面,展示的分别是根据分类和日期筛选出来的文章,都是左右布局,相似的两个页面只是内容区的部分不一样,我们可以在_layouts目录下面,新建一个page.html,放入相同的部分的代码,在内容区可以用{{content}}来输出不同部分的内容。

_posts

这个目录下面就是放所有的文章了,命名规则需要符合 YEAR-MONTH-DAY-title.MARKUP 这样的形式,例:2018-06-10-your_post_title.md。文章链接的url就会变成/2018/06/09/your_post_title.html这种形式,最好文章标题用英文来命名。


layout: post
title: your_post_title
date: 2018-06-09
category: jekyll


上面是一个文件内幕的头部结构,任何只要包含 YAML 头信息的文件在 Jekyll 中都能被当做一个特殊的文件来处理。头信息必须在文件的开始部分,并且需要按照 YAML 的格式写在两行三虚线之间。

layout: 如果设置的话,会指定使用该模板文件。指定模板文件时候不需要扩展名。模板文件需要放在 _layouts 目录下。

title: 文章标题

data: 文章日期

category: 分类

_data

数据目录,可以将数据放入此处,再用for循环来输出,此文件夹内可以使用 .yml、.yaml、.json、csv 扩展名。

_site

当Jekyll完成转换,就会将生成的页面放在这个目录里。

index.html

入口文件,默认访问首页时会调用这个页面的内容。

 Comments