Jekyll 博客主题精选

Posted by zfx5130 on November 16, 2015

What&Why

以 GitHub Pages 为基石的博客生态系统,容纳了 Jekyll、Hexo、Octopress 等为数不少的开源博客应用。而其中使用最广泛的还是 Jekyll。

开源,意味着开放自主,也意味着自由的代价,控制不好就引发混乱,或各类由于信息不对称导致的问题。自打将博客迁移到基于 Jekyll 的主题后,也是几经辗转才稳定下来。

在不断探索更为适合自己的博客样式这一过程中,中间踩了好多的坑。回头看,也主要是这样几类:

  1. Jekyll 主题普遍太丑(原来我如此直言不讳),探索很心累…
  2. 对于 GitHub Pages 配置文件不熟悉;
  3. HTML、CSS 及 JS 等前端知识不足导致试错也缺条理及浪费了很多无端时间;
  4. 前述种种,一路折腾,很容易就将自己书写的初衷给抛于脑后了…
  5. 使用 Jekyll 博客的用户非常之多,国内用户也为数不少,但很少有对于 Jekyll 主题进行专门的梳理和推荐的,为数不少的是博客搭建教程一类的技术贴。

这篇文章,一则是推荐一些相对良心的Jekyll Themes,便于快速搭建可用并且好看的博客,二则,也是希望使用 Jekyll 博客的后来者们,能少走一点弯路…

Personal Recommendation

每个主题,均包括:

  • 博客界面截图
  • 创作者个人信息
  • 主题描述
  • 个人评分
  • 可访问的博客站点地址 Live Demo
  • 可直接 Fork 和配置的 GitHub 仓库源码地址。

I. StartBootstrap Clean Blog

Clean Blog

Created by Iron Summit Media Strategies, and based on Bootstrap.

Star:⭐️⭐️⭐️⭐️⭐️

Description:有题图的博客主题。布局简约,页面显示清晰,加载速度快,移动端适配友好。

此外,这也是本博客目前采用的主题,在此基础上有一些细节功能的更新。喵~

II. Minimal Mistakes

Minimal Mistakes

Created by Michael Rose

Star:⭐️⭐️⭐️⭐️⭐️

Description: 有题图的博客主题。布局简约。功能模块很完善。

III. Hmfaysal Omega Theme

Hmfaysal Omega Theme

Created by Hossain Mohd. Faysal

Star:⭐️⭐️⭐️⭐️⭐️

Description: 有动态效果的博客主题。界面优雅,页面模块多样。略微复杂,加载稍慢。

IV. Centrarium

Centrarium

Creaded by Ben Centra

Star:⭐️⭐️⭐️⭐️

Description: 类似 Clean blog。但除了导航栏外,对于底边也布置并展示更多的博客信息。功能模块完整。

V. StartBootstrap Business Casual

Business Casual

Created by Iron Summit Media Strategies

Star:⭐️⭐️⭐️⭐️

Description: 大图作为博客整个背景的主题。有不错的图片展示框。博文输出功能可能有小状况,需自己调配后才能用。

VI. Kunka

Kunka

Created by 掌心

Star:⭐️⭐️⭐️⭐️

Description: 偏小型网站、严肃风格。结构硬朗,模块充实。

VII. Scribble

Scribble

Created by muan

Star:⭐️⭐️⭐️

Description: 简约风格,偏重博客标题的展示。加载速度蛮快。


Other Themes You Want

So Simple Theme

So Simple Theme

Created by Michael Rose

Star:⭐️⭐️⭐️

Description: 与 Scribble 类似的主题。偏重主页中博客标题的展示。

Freshman21

Freshman21

Star:⭐️⭐️⭐️⭐️

Description: 有侧边栏的博客主题。不算特别规范的主题,但界面还算好看。

Created by * Lijia Yu

Rusty Shutter

Rusty Shutter

Created by Linghua Zhang

Star:⭐️⭐️⭐️⭐️

Description: 以图片和文章展示为核心的主题。并不算特别规范,但别具一格。

Feeling Responsive

Feeling Responsive

Star:⭐️⭐️⭐️⭐️

Created by Moritz »mo.« Sauer

Description: 混合型博客,架构偏小型网站。文章、视频都作为展示的内容并存。模块丰富,但结构略复杂。

Twister Jekyll Theme

Twister Jekyll Theme

Created by DigitalMind

Star:⭐️⭐️⭐️

Description: 融合文章与视频展示的主题。结构中规中矩。加载速度上会慢一些。

Slim Pickins Jekyll Theme

Slim Pickins Jekyll Theme

Created by C Tarwater)

Star:⭐️⭐️⭐️

Description: 具有横版大图特性的主题。导航栏在大图下,还算清爽。

Lanyon

Lanyon

Created by Poole

Star:⭐️⭐️⭐️

Description: 异常简约的一个主题,白底黑字。优势是加载速度很快。在此主题基础上也衍生出不少新主题,界面变化不大,但有增加如导航栏一类的东西。

Balzac-for-Jekyll

Balzac For Jekyll

Created by Cole Townsend

Star:⭐️⭐️⭐️

Description: 简约,也可以启用大图视窗作为博客主界面。

Shiori

Shiori

Created by Elle Kasai

Star:⭐️⭐️⭐️

Description: 最大特点是 卡哇伊…

More Jekyll Themes To Explore

  1. Jekyll Themes Jekyll Blog Themes 精选。主题众多,得益于使用 GitHub Pages 博客服务的网友的众人推荐之力,被挖掘出来并展列其中的精良主题不在少数。
  2. All Free Bootstrap Themes & Templates - Start Bootstrap Start Bootstrap 主题博客的主站。制作精良的 Jekyll 主题。优质主题已在前述清单里推荐,分别为 Clean Blog 及 Business Casual。另外有不少很棒的偏展示为主的博客主题,没放进来,但如果需要做小型网站,也算不可错过。此外,也有不少只有框架的半成品。
  3. Jekyll Blogs Sites - Jekyll Wiki Jekyll 官方 Wiki 索引的博客列表。海量,不过好看的不多,大多数是残次品…找合意的估计是得大海捞针一般。

就是这样。