What&Why
以 GitHub Pages 为基石的博客生态系统,容纳了 Jekyll、Hexo、Octopress 等为数不少的开源博客应用。而其中使用最广泛的还是 Jekyll。
开源,意味着开放自主,也意味着自由的代价,控制不好就引发混乱,或各类由于信息不对称导致的问题。自打将博客迁移到基于 Jekyll 的主题后,也是几经辗转才稳定下来。
在不断探索更为适合自己的博客样式这一过程中,中间踩了好多的坑。回头看,也主要是这样几类:
- Jekyll 主题普遍太丑(原来我如此直言不讳),探索很心累…
- 对于 GitHub Pages 配置文件不熟悉;
- HTML、CSS 及 JS 等前端知识不足导致试错也缺条理及浪费了很多无端时间;
- 前述种种,一路折腾,很容易就将自己书写的初衷给抛于脑后了…
- 使用 Jekyll 博客的用户非常之多,国内用户也为数不少,但很少有对于 Jekyll 主题进行专门的梳理和推荐的,为数不少的是博客搭建教程一类的技术贴。
这篇文章,一则是推荐一些相对良心的Jekyll Themes,便于快速搭建可用并且好看的博客,二则,也是希望使用 Jekyll 博客的后来者们,能少走一点弯路…
Personal Recommendation
每个主题,均包括:
- 博客界面截图
- 创作者个人信息
- 主题描述
- 个人评分
- 可访问的博客站点地址 Live Demo
- 可直接 Fork 和配置的 GitHub 仓库源码地址。
I. StartBootstrap Clean Blog
Created by Iron Summit Media Strategies, and based on Bootstrap.
Star:⭐️⭐️⭐️⭐️⭐️
Description:有题图的博客主题。布局简约,页面显示清晰,加载速度快,移动端适配友好。
此外,这也是本博客目前采用的主题,在此基础上有一些细节功能的更新。喵~
- Demo-Clean Blog
- Fork-Startbootstrap-Clean-Blog Clean Blog 原版
- Fork-Startbootstrap-Clean-Blog-Az.-Version 我的改进版,新增定制的横版大图,改进 CSS 配置及评论及目录模块。
II. Minimal Mistakes
Created by Michael Rose
Star:⭐️⭐️⭐️⭐️⭐️
Description: 有题图的博客主题。布局简约。功能模块很完善。
III. Hmfaysal Omega Theme
Created by Hossain Mohd. Faysal
Star:⭐️⭐️⭐️⭐️⭐️
Description: 有动态效果的博客主题。界面优雅,页面模块多样。略微复杂,加载稍慢。
IV. Centrarium
Creaded by Ben Centra
Star:⭐️⭐️⭐️⭐️
Description: 类似 Clean blog。但除了导航栏外,对于底边也布置并展示更多的博客信息。功能模块完整。
V. StartBootstrap Business Casual
Created by Iron Summit Media Strategies
Star:⭐️⭐️⭐️⭐️
Description: 大图作为博客整个背景的主题。有不错的图片展示框。博文输出功能可能有小状况,需自己调配后才能用。
VI. Kunka
Created by 掌心
Star:⭐️⭐️⭐️⭐️
Description: 偏小型网站、严肃风格。结构硬朗,模块充实。
VII. Scribble
Created by muan
Star:⭐️⭐️⭐️
Description: 简约风格,偏重博客标题的展示。加载速度蛮快。
Other Themes You Want
So Simple Theme
Created by Michael Rose
Star:⭐️⭐️⭐️
Description: 与 Scribble 类似的主题。偏重主页中博客标题的展示。
Freshman21
Star:⭐️⭐️⭐️⭐️
Description: 有侧边栏的博客主题。不算特别规范的主题,但界面还算好看。
Created by * Lijia Yu
Rusty Shutter
Created by Linghua Zhang
Star:⭐️⭐️⭐️⭐️
Description: 以图片和文章展示为核心的主题。并不算特别规范,但别具一格。
Feeling Responsive
Star:⭐️⭐️⭐️⭐️
Created by Moritz »mo.« Sauer
Description: 混合型博客,架构偏小型网站。文章、视频都作为展示的内容并存。模块丰富,但结构略复杂。
Twister Jekyll Theme
Created by DigitalMind
Star:⭐️⭐️⭐️
Description: 融合文章与视频展示的主题。结构中规中矩。加载速度上会慢一些。
Slim Pickins Jekyll Theme
Created by C Tarwater)
Star:⭐️⭐️⭐️
Description: 具有横版大图特性的主题。导航栏在大图下,还算清爽。
Lanyon
Created by Poole
Star:⭐️⭐️⭐️
Description: 异常简约的一个主题,白底黑字。优势是加载速度很快。在此主题基础上也衍生出不少新主题,界面变化不大,但有增加如导航栏一类的东西。
Balzac-for-Jekyll
Created by Cole Townsend
Star:⭐️⭐️⭐️
Description: 简约,也可以启用大图视窗作为博客主界面。
Shiori
Created by Elle Kasai
Star:⭐️⭐️⭐️
Description: 最大特点是 卡哇伊…
More Jekyll Themes To Explore
- Jekyll Themes Jekyll Blog Themes 精选。主题众多,得益于使用 GitHub Pages 博客服务的网友的众人推荐之力,被挖掘出来并展列其中的精良主题不在少数。
- All Free Bootstrap Themes & Templates - Start Bootstrap Start Bootstrap 主题博客的主站。制作精良的 Jekyll 主题。优质主题已在前述清单里推荐,分别为 Clean Blog 及 Business Casual。另外有不少很棒的偏展示为主的博客主题,没放进来,但如果需要做小型网站,也算不可错过。此外,也有不少只有框架的半成品。
- Jekyll Blogs Sites - Jekyll Wiki Jekyll 官方 Wiki 索引的博客列表。海量,不过好看的不多,大多数是残次品…找合意的估计是得大海捞针一般。
就是这样。
This work is licensed under a CC A-S 4.0 International License.