jekyll themes

介绍 jekyll theme 特性

feeling-responsive

features

  • Responsive Design
  • tags
  • categories
  • sidebar
  • table of content
  • pagination
  • top navigation
  • Google apis

说明

  1. 引用的样式漂亮
  2. 有针对性的模板，首页模板、视频模板
    3、支持 Breadcrumbs
    4、提供info、warning等页面高亮提示区块
    5、基于 foundation.zurb.com

appolo

说明

1、自定义很多样式tag
2、动画效果漂亮
3、支持font

aviator-jekyll-template

说明

1、支持http接口的格式化doc
2、接口返回、结果描述有特定样式，样式美观

bitwiser-material

features

  • Responseive Design
  • tags
  • categories
  • Google apis

documentation-theme-jekyll

features

  • Responseive Design
  • tags
  • sidebar
  • 独立搜索
  • table of content
  • top navigation
  • 导出PDF（使用Prince）
  • Google apis

说明

1、多sidebar支持
2、对 tag 支持很弱，要提前编辑好对应的tag 列表页面。doesn’t auto-create tag archive pages.
3、帮助文档齐备。
4、支持jQuery DataTables
5、依靠 Bootstrap 进行响应式设计
6、利用2个icon库： font-awesome ，Glyphicons
7、利用 js 自动生成目录
8、支持简单流程文档，参见：product2/
9、Bootstrap tooltips
10、将page串成一个系列的方法
11、基于 Prince 的 pdf 生成，Prince 是收费软件。

brume

说明

很简单的模板，顶部导航条有点特色。

carte

说明

  1. 适合 api 文档
  2. 左侧导航菜单，可以边输入、边过滤
  3. 右侧接口，可以折叠显示，http method 利用 label 高亮显示

dark_kimochi

features

  • archive
  • pagination
  • built-in search
  • tags

说明

  • 首页包含 tags 列表
  • 暗色风格

gaohaoyang.github.io

features

  • comments： disqus
  • 统计： 百度、Google-Analytics
  • pagination
  • tags
  • categories
  • Responsive Design
  • archive

说明

  • social link 包含：新浪微博、知乎
  • 首页包含 tags 列表、categories 列表、最近文章
  • 目录样式特别，作为 右侧sidebar 显示

huxpro.github.io

  • 典型左内容，右 sidebar 风格
  • 首页包含 tags 列表

immaculate

  • pagination
  • 支持 AMP(Accelerated Mobile Pages)
  • 备注就在段落旁边显示
  • 很素

Jalpc

  • 首页页首大横幅轮播图片
  • 简历类型
  • 带动画的时间线
  • 雷达图

jasper

  • 首页页首大横幅图片
  • 隐藏右上角的菜单

jekyll-architect-theme

  • 简单主题，字体比较卡通

jekyll-docs-theme

  • 简单博客，首页页首大横幅图片
  • 支持目录，显示在页面右侧

jekyll-pithy

  • 典型技术blog，首页左边文档列表，右边tags & categories 列表
  • 集成 bootstrap
  • pagination
  • author

lagom

类似minima，简单主题

lixizhi.github.io

  • 简单的技术博客，首页左边文档列表，右边 categories 列表。
  • 社交媒体分享链接，很全

millidocs

  • 简单主题
  • 自建的搜索，每页都包含搜索关键字，文档多了，整个站点就悲剧了

minimal-mistakes

参见： https://mmistakes.github.io/minimal-mistakes/

features

  • tags
  • categories
  • top navigation
  • Responsive Design

mzlogin.github.io

简单的技术博客

  • categories

neo-hpstr-jekyll-theme

features

  • tags
  • categories
  • 自建搜索
  • pagination
  • top navigation
  • Responsive Design

说明

  • 带feature image 功能的博客
  • 自带search 功能

personal-jekyll-theme

  • 集成滚动字幕功能
  • 黑色背景的主题
  • 包含一个卡通的 timeline

progress-for-jekyll 【★】

features

  • pagination
  • archive

说明

  • 根据页面位置，显示阅读进度

sciblog

  • 简单的博客，固定的 categories & tags
  • 隐藏sidebar菜单

WakelessDragon 【★】

features

  • archive
  • pagination
  • tags
  • categories

说明

  • 首页没内容 –！
  • 技术博客
  • archive 以 timeline 展示
  • 非内建search，基于 swiftype 的在线search
  • tags 云，球状动画显示，赞！ 在 http://localhost:4000/tags/ 页末，涉及 tagCloud.js , tagCloud.css

yellowblue

features

  • responsive design
  • pagination
  • tags
  • categories
  • archive

说明

  • 典型技术博客，左边博客列表，右边 tags & categories 列表
  • 字体、格式、icon 支持

agency-jekyll-theme

  • 全站一张首页搞定，适合展示产品、介绍团队
  • 顶部导航条，随页面滚动显示

airspace-jekyll

说明

  • 首页大图banner
  • 简单页首导航条
  • 集成 fontawesome，bootstrap
  • responsive design
  • 有趣的界面组件： 滚动新闻；可过滤的tab页面；滚动的图标列表；

Alpha-Jekyll-Theme

说明

  • 展示型模板，首页图片banner
  • 页首导航，支持层级菜单

Arcana-Jekyll-Theme

  • 展示型模板，首页图片banner
  • 页首导航，支持层级菜单
  • 左右sidebar 支持

BlackDoc

  • 黑色主题，2列，左边sidebar，右边文档内容
  • 有垂直滚动条的sidebar

cards，cards-jekyll-template

  • 白底黑字，清爽的主题
  • 使用 bootstrap card 显示首页

clean

  • 简单的主题
  • 首页有个动态走动的时钟！酷！

codinfox-lanyon

  • sidebar 多层级

front-cover

  • 一张首页，大图背景，两排分享按钮

GridGallery

  • 照片墙效果

gridster-jekyll-theme

说明

  • tags、categories 自动生成索引页 plugin
  • auhtor 索引页生成
  • 照片墙效果切换
  • 颜色主题实时修改

hmfaysal-omega-theme

  • 自建搜索

hpstr-jekyll-theme

  • 左上角的隐藏菜单，在翻到第二级的动画很有意思

Jekyll_modern-blog 【★】

  • 首页和文章直接切换到动画，很酷！惊艳！

jekyll-slender-template

  • Windows 10 的色块风格

jekyll-theme-mdui 【★】

说明

  • 自建搜索 / built-in search
  • tags

shiori

  • 演示 引入 bootstrap sass 版本

materialized_jekyll_theme

  • 引入 Materialize.css 的模板

minhhuy150894.github.io

  • sidebar 有特色

Mone

  • font-awesome
  • magnific-popup 动画切换效果
  • 动画切换的sidebar

mug

清爽白色主题，内建搜索

nandomoreira-jekyll-theme

内建搜索

nangka

简单清爽，白色，内建搜索

Princess-Diaries

  • 介绍了一款 markdown 编辑器： Cmd Markdown
  • sidebar 右侧悬停

Ramme

  • 白底黑字素色主题
  • 页面右下角箭头，点击，滚到页首
  • 右 sidebar 样式目录

redcup

  • 首页悬浮反色效果
  • 自建搜索

saigon-jekyll-theme

  • 黑色背景
  • 首页显示照片墙

scribble

  • 简单白色列表博客，特色是翻页按钮是左右箭头，一直出现在文章两侧

slides 【★】

  • 幻灯片效果

solid-jekyll

  • 整合 bootstrap 3

space-jekyll-template

  • 导航界面，模仿 vim 的命令窗口，很有特色
  • 自建搜索

the-plain

  • 使用 mathjax 显示复杂数学公式

trophy-jekyll

  • 按钮有充满的动画效果

Twenty-Jekyll-Theme

  • 不同的布局方式演示

twister-jekyll-theme 【★】

  • 左右布局，白色背景
  • 包含 导航条，sidebar（包含 category）
  • 首页主题部分卡片布局

typewriter

  • 打印机纸张效果

YAX-Coming-soon-Jekyll-Template

  • 一张倒计时的首页

Yummy-Jekyll

  • 包含一个hover有变化的timeline

zebra

  • 页面之间加载有动画