H2O theme for Jekyll
正如我在 微博 上所说的,使用 Jekyll 半年以来一直没有令我满意的主题模板,所以开始计划自己写一套好看又好用的主题模板。设计之初就明确了极简主义,风格采用扁平化了,通过卡片式设计来进行区块分明的布局,参考了Medium的ui样式和知乎专栏的视觉风格。 H2O 源码及使用文档 → 新主题名叫”H2O”,基于Jekyll 3.0.x(使用 gem update jekyll 升级Jekyll),Markdown的代码高亮不再支持pygments转而使用rouge,咱已经默认配置了 highlighter: rouge 。用到的技术栈也很简单:引入jQuery类库,使用Sass编写样式,使用Gulp来编译Sass、合并压缩css、js,开源在 Github 上,稍作配置即可用于你的Jekyll博客上。 使用Sketch完成H2O主题的原型设计 比之前漂亮不少吧,下面聊聊H2O的新特性。 新特性 主题配色 支持两种主题配色——蓝色和粉色。 侧边栏 相比自己上一个版本的博客主题,首页增加了侧边栏,方便展示博主的个人信息和文章标签。 社交图标 使用阿里的图标管理平台 Iconfont 整理了一套 墙内外 常用的社交图标,包括微博、知乎、掘金、简书、Github等十多个网站,鼠标悬停会显示该站的主题色。 前后文导航 自定义文章封面 在Markdown的 文章头信息