###安装
新建一个repo
去github的账户新建一个repo,命名为zer0618.github.com
安装jekyll-bootstrap
$ git clone https://github.com/plusjade/jekyll-bootstrap.git USERNAME.github.com
$ cd USERNAME.github.com
$ git remote set-url origin https://github.com/zer0618/zer0618.github.com.git
$ git push origin master
现在已经在zer0618.github.com上建好了一个blog
###发布
rake命令会在你的_posts目录下创建一个名为[年-月-日-posttitle.md]的文件,例如2012-05-04-Hello-World.md,名称中的空格会转换成“-”,时间为当前系统时间。
$ rake post title="Hello World"
# 根目录下创建页面
$ rake page name="about.md"
# 自定义目录下创建页面
$ rake page name="pages/about.md"
# 创建类似./pages/about/index.html目录结构的页面
$ rake page name="pages/about"
向世界问好完以及修改过index.dm和_config.yml之后用git命令提交到Github。同时Github可以将md文件解析成html文件,通过zer0618.github.com即可访问。
$ git add .
#如果手动改动过文件 可以用add -A命令
$ git commit -m "Add new content"
$ git push origin master
###常用技巧
安装rdiscount
#没ruby的话得先装ruby
sudo pacman -S ruby
sudo gem update --system
#安装markdown语法解析转换组件
$ sudo gem install rdiscount
#另外安装的时候提示~/.gem/ruby/2.0.0/bin没有在路径里,添加上
$ ln -s ~/.gem/ruby/2.0.0/bin /usr/local/bin
在_config.yml里加上:
markdown: rdiscount
代码高亮:pygmentize
有python可以直接easy install来安装
$ easy_install Pygments
在_config.yml中加上:
pyments: true
并嵌入生成的相应css到页面的head之中
$ pygmentize -S default -f html | sed 's/^/.highlight code /g' > default.css
使用方法:
{% highlight language %} … codes … {% endhighlight %}
示例:
{% highlight java %}
public class HelloWorld {
public static void main(String args[]) {
System.out.println("Hello World!");
}
}
{% endhighlight %}
主题
#安装
rake theme:install git="https://github.com/jekyllbootstrap/theme-twitter.git"
切换
rake theme:switch name="the-program"
插入图片
图片放在assets/images中
在_config.yml中定义一个形如img_url: http://zer0618.github.com/assets/images的变量,然后在markdown文件需要用到图片的地方插入类似的代码即可显示图像。
###Markdown语法
单个回车
视为空格。
连续回车
才能分段。
行尾加两个空格,这里->
即可段内换行。
*这些文字显示为斜体*
**这些文字显示为粗体**
行的开头空4个空格,表示程序代码
>表示引用文字内容。
#表示这是一级标题
##表示这是二级标题
###表示这是三级标题
……
###### 最小是六级标题
也可以这样表示大标题
=
这样表示小标题
-
http://www.mceiba.com/develop/jekyll-introduction.html
http://jiyeqian.github.io/2012/07/host-your-pages-at-github-using-jekyll/