mitibiki / nimocat.github.io

墨水 Ink——Jekyll Theme

Home Page:http://www.aitianyi.me/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

墨水——Jekyll主题

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

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

墨水 Theme

原主题源码及使用文档 →

My Jekyll themes

新主题名叫"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等十多个网站,鼠标悬停会显示该站的主题色。

social iconfont

头图个性化底纹

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

原作与更新

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

About

墨水 Ink——Jekyll Theme

http://www.aitianyi.me/

License:MIT License


Languages

Language:CSS 81.6%Language:HTML 12.9%Language:JavaScript 5.5%