标签：style class blog code http ext
第一步：先总体看下要在本地创建的文件目录
/jun_demo |-- _config.yml |-- _layouts | |-- default.html |-- _posts | |-- 2014-06-26-hello-world.html |-- index.html
config.yml:Configuration设置
_layouts:模板存放文件夹
default.html:文件模板
_posts：blog文章存放目录
2014-06-26-hello-world-html:blog文章
index.html:文章首页面
第二步：配置
//创建文件夹 jun_demo,对该目录进行git初始化
$ mkdir jun_demo
$ cd jun_demo
$ git init
//创建没有父节点的分支gh-pages，只有在该分支中的页面才会生成网站
$ git checkout --orphan gh-pages
第三步：给以上创建文件目录添加内容
1 config.yml(只设置这一个属性其他属性参看：http://jekyllrb.com/docs/configuration/)
baseurl:/jun_demo
2 default.html
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>{{ page.title }}</title> </head> <body> {{ content }} </body> </html>
3 2014-06-26-hello-world-html (在"---"之间的部分是blog页面设置，其中layout是选择模版,title是page.title)
--- layout: default title: 你好，世界 --- <h2>{{ page.title }}</h2> <p>我的第一篇文章</p> <p>{{ page.date | date_to_string }}</p>
4 index.html
--- layout: default title: 我的Blog --- <h2>{{ page.title }}</h2> <p>最新文章</p> <ul> {% for post in site.posts %} <li>{{ post.date | date_to_string }} <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li> {% endfor %} </ul>
第四步：提交
//添加到本地库中
$ git add . $ git commit -m "first post"
//添加到服务库中 username对应替换成你的github账户名，jun_demo.git也为你在服务器上的库命
$ git remote add origin https://github.com/username/jun_demo.git
$ git push origin gh-pages
第五步：访问你的站点，地址为http://username.github.com/jun_demo/（将username换成你的用户名)
注：该文为阅读总结，原地址为http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html
标签：style class blog code http ext
原文地址：http://www.cnblogs.com/alongjun/p/3810414.html
