这个theme(主题)主要是根据cayman修改的,cayman是jekyll在github page上默认的theme之一,颜值非常高,蓝绿渐变非常的清新。但是根据一般规律,颜值高的功能差,功能全的颜值低。所以cayman虽然非常好看,但是功能非常之少,于是手动增加了一些简单功能,满足一般的需要。
主要增加了以下功能

其他文件

创建button

  1. 先在page-head.html定义button的标题以及跳转的链接;
  2. 对categories的button,要在/categories下面建立index,这个index主要把post中出现的categories做无序排列,并给出相应categories所有文章集合的页面链接
    enter description here

注意这里需要在//categories文件夹下建立一系列相应categories的字文件夹。比如你有Photo、Life、Food三个categories,那么需要建立/categories/Photo, /categories/Life, /categories/Food三个子文件夹,然后每个文件夹下面一个index.html,这个index.html定义了每一个对应的categories网页。
enter description here

  1. 对Photo 的button(或者其他具体的categories),同上

    创建搜索

    需要借助lunr.js脚本的函数来实现,注意该脚本已经从1.x升级到2.x,所以有些博文已经失效了。
    参考:Jekyll search using lunr.js
    enter description here

风格比较原始,不太会渲染搜索结果(逃~)

回到顶部按钮

参见:博客添加回到顶部按钮——团子的博客
但脚本有些问题,未能实现隐身效果。

上一页下一页

参见:Jekyll – how to link to next/previous post on your blog——David Elbe
enter description here

最终结果

参考cayman的theme,改进得到的博客界面:
enter description here

待增加功能

  1. 翻页,即每页只呈现数个结果,可以翻页,而不是要一直拖到底部才能看到所有的文章列表
  2. 每篇博客的文章标题居中。目前还是左对齐,还没搞清楚markdown是如何解析为html的,哪些参数控制着效果。(已实现)