Skip to content

iyuxl/mambablack.github.io

 
 

Repository files navigation

Jekyll Light

一个优雅的Jekyll主题。。。(第一次做主题,虽然代码不优雅,关键是看起来很优雅:stuck_out_tongue_closed_eyes:)

Version License


简介

这是一款Jekyll博客主题,叫做Jekyll Light。这是我花了两天时间才重新做好的主题。没有用到任何CSS框架,简洁美观。
PS: 应该说我不会用CSS框架。。。

关于主题

  • 支持多说评论框
  • 支持百度统计
  • 支持FancyBox图片盒子
  • 支持MathJax数学公式
  • NProgress进度条
  • 小火箭返回顶部动画
  • 时间轴样式的归档页面
  • 简版页面(渐变特效)
  • 响应式布局
  • 相信用WebKit内核的浏览器浏览,效果会有加成的...

使用

站点配置

_config.yml配置你的站点信息,详细配置如下:

blog:
	name:                  # 博客名称
	description:           # 博客描述
	title:                 # 网页标题
	url:                   # 博客地址
	duoshuo:               # 多说ID
	tongji:                # 百度统计ID
	qiniu:                 # 七牛云地址
author:
	name:                  # 作者名称
	email:                 # 邮箱地址
	weibo:                 # 微博地址
	github:                # GitHub地址
	logo:                  # logo地址
	douban:
		name:              # 豆瓣地址名称
		key:               # 豆瓣API Key

把以上这些选项的信息全改成你自己的,就配置完成了。

多说评论框

_posts文章默认开启评论框,而简版页面默认关闭。
_posts文章可以在开头设置duoshuo: false来关闭。
简版页面可以在开头设置duoshuo: true来开启。

MathJax数学公式

需要在页面开头添加math: true来开启

在需要用到公式的地方用\[ \]$$ $$括起来

例如:

行内公式:
\\E=mc^2\\

行间公式:
$$E=mc^2$$

创建文章/页面

定位到博客目录,可以运行以下命令

  • 创建文章:rake post title="Post Name"
  • 创建简版页面:rake life title="Page Name"
  • 创建页面: rake page title="Page name"

页面的使用

修改的都是markdown文件

  • 普通页面
    layout项改为blog
  • 简版页面
    layout项改为life
  • 文章
    _posts文件夹下的markdown文件的layout项改为post,使用简版页面就改成life

生成静态博客

把你的博客推送到GitHub或者其它支持Jekyll的代码托管网站就可以了。
具体可以到Jekyll官网GitHub Pages查看详细教程。

下载

Download: Jekyll Light

Source: GitHub

DEMO: Pexcn Blog

截图

01 02 03 04 05

许可证

License

About

Build a Jekyll blog in minutes, without touching the command line.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 56.5%
  • HTML 36.3%
  • Ruby 7.2%