weixincaishang / nimocat.github.io

墨水 Ink——Jekyll Theme

墨水——Jekyll主题

墨水主题将现代风主题处理为水墨风主题，故名墨水。 主题特点：深色水墨风配色方案，11点自动进入夜间模式，字蛛压缩字体，七牛图床，增加评论、社交分享、移动端优化和移动端动画。

实际效果 金光闪闪的天一阁

墨水 Theme

原主题源码及使用文档 →

新主题名叫"H2O"，基于Jekyll 3.0.x（使用gem update jekyll升级Jekyll），Markdown的代码高亮不再支持pygments转而使用rouge，咱已经默认配置了 highlighter: rouge 。用到的技术栈也很简单：引入jQuery类库，使用Sass编写样式，使用Gulp来编译Sass、合并压缩css、js，开源在Github上，稍作配置即可用于你的Jekyll博客上。

下面是墨水的新特性

新特性

水磨风格标签与主页

涂鸦风格首屏页面与Tags标签，移动端适配完成。

定制主页字体

因为整个字体文件较大，为了优化加载速度，我使用了字蛛进行压缩，压缩方法详见Jekyll优化的这篇文章，中文的压缩略微复杂，如果嫌麻烦，还可以在dev/sass/base.sass中把h2 h3的字体从'Writing'改为'HeaderEng'，Writing是米芾书法字体，HeaderEng是标签页的英文字体样式，同样是涂鸦风，放在主页也应该会很好看。

主题配色

使用暗色+白底字强调。

字蛛压缩字体文件

相比自己上一个版本的博客主题，首页增加了侧边栏，方便展示博主的个人信息和文章标签。

网站ICO

使用阿里的图标管理平台Iconfont整理了一套墙内外常用的社交图标，包括微博、知乎、掘金、简书、Github等十多个网站，鼠标悬停会显示该站的主题色。

头图个性化底纹

在没有图片的情况下单纯显示颜色会不会太无趣了点？于是想到了加入底纹元素，底纹素材是SVG格式的（保存在css样式里），加载比图片快很多。

原作与更新

此主题原作者可在fork处见到，此版本为水墨风版本，以上新特性为水墨版本特性。