首页 > 代码库 > github创建个人博客手记

github创建个人博客手记

第一步:先总体看下要在本地创建的文件目录

/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=http://www.mamicode.com/"{{ 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