github pages可以创建免费的静态站点，支持自带主题、支持自制页面等，并且可以使用jekyll或者hexo等静态博客框架进行管理。 独立博客是博客园等博客平台之外的一个良好补充，相比使用虚拟主机或者云服务器搭建站点，静态博客管理和使用简洁，使用github pages搭建博客不失为一个好选择。
使用github很快就可以搭建一个站点,可以分为以下几步：
在github创建对应仓库
配置jekyll或者hexo环境
设置主题，安装评论等插件
创建github pages比较简单，只要在github创建一个仓库就可以，这个仓库命名需要遵循一定规则，其格式必须为：yourusername.github.io。
现在新建一个repository，名称设置为bingyue.github.io。
github pages支持使用master分支或者gh-pages分支，如果是某个仓库的wiki页面,需要设置文档到gh-pages 分支中，个人站点使用默认的master分支就可以。
把工程clone 到本地，在根目录创建一个index.html
1
2
3
4
5
6
7
<code><!</code><code>doctype</code> <code>html></code>
<code><</code><code>html</code><code>></code>
<code><</code><code>body</code><code>></code>
<code><</code><code>h1</code><code>>hello world</</code><code>h1</code><code>></code>
<code><</code><code>p</code><code>>i'm hosted with github pages.</</code><code>p</code><code>></code>
<code></</code><code>body</code><code>></code>
<code></</code><code>html</code><code>></code>
提交新建的页面，push到远程仓库，然后访问你的站点地址就可以预览了。
在repository的设置页面，可以配置域名，更改默认的主题等。
gitpages支持使用jekyll或者hexo等静态博客框架进行管理，与github pages绑定，可以编辑博文，生成静态博客等。
目前主流的静态博客框架是jekyll和hexo， jekyll基于ruby实现，安装jekyll需要搭建ruby环境，hexo基于node.js实现。 这两个静态程序功能基本类似，两个程序都有博文预览功能，可以在本地启动服务，默认都使用markdown语法，另外jekyll是github推荐的管理程序。
实际应用中，我第一次安装的是jekyll，在mac环境下配置中发现ruby安装繁琐，配置jekyll主题等需要对ruby的基本应用有些了解，比如gemfile／rails等的作用，看了一下论坛的吐槽，如果是windows环境可能会更加棘手。相比之下，node.js在类uinx系统和windows系统下的安装和应用都比较简单，开发同学也会比较熟悉javascript 。
除非对ruby比较熟悉，推荐大家使用hexo进行站点管理。
这里跳过了安装node环境的步骤。
使用下面的命令安装hexo:
<code>sudo</code> <code>npm </code><code>install</code> <code>-g hexo-cli</code>
查看是否安装：
<code>hexo version</code>
初始化工程目录：
<code>hexo init <yourfolder></code>
一些常用命令：
<code>hexo new </code><code>"postname"</code> <code>#新建文章</code>
<code>hexo new page </code><code>"pagename"</code> <code>#新建页面</code>
<code>hexo generate </code><code>#生成静态页面至public目录</code>
<code>hexo server </code><code>#开启预览访问端口（默认端口4000，'ctrl + c'关闭server）</code>
<code>hexo deploy </code><code>#将.deploy目录部署到github</code>
<code>hexo help </code><code>#查看帮助</code>
<code>hexo new </code><code>"第一篇文章"</code>
会提示相应的输出：
接下来编辑这篇文章：
<code>---</code>
<code>title: 第一篇文章</code>
<code>date</code><code>: 2017-03-08 11:28:45</code>
<code>tags:</code>
<code>欢迎来到我的博客！</code>
然后发布博客，进行本地预览:
<code>hexo server</code>
hexo默认会读取根目录的config.yml获得站点信息，另外在themes/landscape中也有一份config.yml文件，配置的是站点的主题和一些个人设置。
新建一个_config.yml，更改title等站点信息，可以参考这份说明：
截止目前，我们所做的修改都是在本地，并没有推送到远程仓库，接下来怎么让其他人看到我们发布的博客呢？
需要安装hexo-deployer-git扩展：
<code>npm </code><code>install</code> <code>hexo-deployer-git --save</code>
添加类似如下的部署配置：
<code>deploy:</code>
<code> </code><code>type</code><code>: git</code>
<code> </code><code>repo: [email protected]:bingyue</code><code>/bingyue</code><code>.github.io.git</code>
<code> </code><code>branch: master</code>
执行
<code>hexo clean </code>
<code>hexo gegerate</code>
<code>hexo deploy</code>
这时候你再查看，会发现相关的文件已经被push到对应的git分支上。
以安装next主题为例， 从next的gihub仓库中获取最新版本：
<code>cd</code> <code>your-hexo-site</code>
<code>git clone https:</code><code>//github</code><code>.com</code><code>/iissnan/hexo-theme-next</code> <code>themes</code><code>/next</code>
打开_config.yml做如下修改:
<code># extensions</code>
<code>## plugins: http://hexo.io/plugins/</code>
<code>## themes: http://hexo.io/themes/</code>
<code>theme: next</code>
在_config.yml中添加多说的配置：
<code>duoshuo_shortname: 站点的short_name</code>
这里的short_name可能会让人困惑，这是你注册多说账户时的二级域名，多说二级域名是指你注册多说时，填写的<code>abc.duoshuo.com</code>中的<code>abc</code>部分。
接下来修改themes\landscape\layout_partial\article.ejs模板，替换下面的文件
<code><% </code><code>if</code> <code>(!index && post.comments && config.disqus_shortname){ %></code>
<code> </code><code><section </code><code>id</code><code>=</code><code>"comments"</code><code>></code>
<code> </code><code><div </code><code>id</code><code>=</code><code>"disqus_thread"</code><code>></code>
<code> </code><code><noscript>please </code><code>enable</code> <code>javascript to view the <a href=</code><code>"//disqus.com/?ref_noscript"</code><code>>comments powered by disqus.<</code><code>/a</code><code>><</code><code>/noscript</code><code>></code>
<code> </code><code><</code><code>/div</code><code>></code>
<code> </code><code><</code><code>/section</code><code>></code>
<code> </code><code><% } %></code>
改为
8
9
10
11
12
13
14
15
16
17
18
19
20
<code><% </code><code>if</code> <code>(!index && post.comments && config.duoshuo_shortname){ %></code>
<code> </code><code><section </code><code>id</code><code>=</code><code>"comments"</code><code>></code>
<code> </code><code><!-- 多说评论框 start --></code>
<code> </code><code><div class=</code><code>"ds-thread"</code> <code>data-thread-key=</code><code>"<%= post.layout %>-<%= post.slug %>"</code> <code>data-title=</code><code>"<%= post.title %>"</code> <code>data-url=</code><code>"<%= page.permalink %>"</code><code>><</code><code>/div</code><code>></code>
<code> </code><code><!-- 多说评论框 end --></code>
<code> </code><code><!-- 多说公共js代码 start (一个网页只需插入一次) --></code>
<code> </code><code><script </code><code>type</code><code>=</code><code>"text/javascript"</code><code>></code>
<code> </code><code>var duoshuoquery = {short_name:</code><code>'<%= config.duoshuo_shortname %>'</code><code>};</code>
<code> </code><code>(</code><code>function</code><code>() {</code>
<code> </code><code>var ds = document.createelement(</code><code>'script'</code><code>);</code>
<code> </code><code>ds.</code><code>type</code> <code>= </code><code>'text/javascript'</code><code>;ds.async = </code><code>true</code><code>;</code>
<code> </code><code>ds.src = (document.location.protocol == </code><code>'https:'</code> <code>? </code><code>'https:'</code> <code>: </code><code>'http:'</code><code>) + </code><code>'//static.duoshuo.com/embed.js'</code><code>;</code>
<code> </code><code>ds.charset = </code><code>'utf-8'</code><code>;</code>
<code> </code><code>(document.getelementsbytagname(</code><code>'head'</code><code>)[0]</code>
<code> </code><code>|| document.getelementsbytagname(</code><code>'body'</code><code>)[0]).appendchild(ds);</code>
<code> </code><code>})();</code>
<code> </code><code><</code><code>/script</code><code>></code>
<code> </code><code><!-- 多说公共js代码 end --></code>
<code> </code><code><</code><code>/section</code><code>></code>
<code> </code><code><% } %></code>
重新发布站点，点开一篇文章看到评论框已经加载成功。