建站教程：使用GitHub和Hexo搭建免费静态Blog

前言
习惯自己写blog的朋友一定不会陌生wordpress，或许也曾在新浪博客和qq空间留过脚印，但静心认真思考一下，似乎我们又总是向往更加简单自由的写作方式。github给我们提供了一个无限的空间，我们需要珍惜使用，而hexo的出现从某种意义上来说代替了jekyll，让我们可以更专注于写作本身。本文主要介绍自己的实践心得并不断完善内容，衍生知识和原理推荐大家认真阅读官网的手册，其它推荐参考内容链接在文中也会标注出来。
喜欢写blog的人，会经历三个阶段：
第一阶段，刚接触blog，觉得很新鲜，试着选择一个免费空间来写。
第二阶段，发现免费空间限制太多，就自己购买域名和空间，搭建独立博客。
第三阶段，觉得独立博客的管理太麻烦，最好在保留控制权的前提下，让别人来管，自己只负责写文章。
更新历史
2015年09月03日 – 完善windows 10安装hexo中的细节
2015年03月22日 – 更新windows下hexo 3.0安装和升级，感谢@机智的阿卡林酱
2015年03月10日 – 增加hexo 3.0降级 2.8
2014年12月19日 – 完善内容
2014年12月09日 – 更新hexo配置修改部分
2014年06月19日 – 更新全部基础架构，待完善配置修改部分
2014年06月17日 – 更新部分hexo建站过程，待完善
2014年05月29日 – 撰写初稿
扩展阅读
hexo docs – http://hexo.io/docs/
hellodog index – http://wsgzao.github.io/index/#hexo
准备工作
注意 本文主要针对windows平台和hexo 3.x
了解hexo
a fast, simple & powerful blog framework
hexo 是一个快速、简洁且高效的博客框架。hexo 使用 markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
hexo.io
安装git
github windows
简单可依赖，安装完成后依据提示操作即可，so easy
安装node.js
node.js
注意 安装完成后添加path环境变量，使npm命令生效。新版已经会自动配置path
;c:program filesnodejsnode_modulesnpm
安装hexo
配置好github家目录后，双击桌面上的git shell，输入npm命令即可安装
npm install hexo-cli -g npm install hexo –save #如果命令无法运行，可以尝试更换taobao的npm源 npm install -g cnpm –registry=https://registry.npm.taobao.org
hexo初始化配置
创建hexo文件夹
安装完成后，根据自己喜好建立目录（如e:kuaipangithubhexo），进入git shell切换到该路径下e:kuaipangithubhexo执行以下指令
hexo init #安装 hexo 完成后，请执行下列命令，hexo 将会在指定文件夹中新建所需要的文件。 $ hexo init $ cd $ npm install #新建完成后，指定文件夹的目录如下 . ├── _config.yml ├── package.json ├── scaffolds ├── scripts ├── source | ├── _drafts | └── _posts └── themes
安装hexo插件
npm install hexo-generator-index –save npm install hexo-generator-archive –save npm install hexo-generator-category –save npm install hexo-generator-tag –save npm install hexo-server –save npm install hexo-deployer-git –save npm install hexo-deployer-heroku –save npm install hexo-deployer-rsync –save npm install hexo-deployer-openshift –save npm install hexo-renderer-marked@0.2 –save npm install hexo-renderer-stylus@0.2 –save npm install hexo-generator-feed@1 –save npm install hexo-generator-sitemap@1 –save
本地查看效果
继续执行以下命令，成功后可登录localhost:4000查看效果
hexo server
hexo 简写命令
hexo n #new hexo g #generate hexo s #server
部署静态网页到github
注册设置github
登录github，注册自定义用户名如wsgzao 在主页右下角创建new repository，name必须和用户名一致如wsgzao.github.io 首次创建耐心等待10分钟左右审核，之后即可访问静态主页如http://wsgzao.github.io
同步内容至github
下载github windows 设置local path如e:快盘github 运行git shell切换到如e:快盘githubhexo路径下 执行hexo g命令生成public文件夹 把生成的内容全部拷贝到local path或其子目录 运行github确认修改信息后执行右上角的sync同步 最后访问主页观察效果
https://pages.github.com/
域名和dns
域名推荐
godaddy makes registering domain names fast, simple, and affordable.
【推荐理由】两个字“靠谱”，支持支付宝，附优惠码链接
http://www.godaddy.com/
http://www.gdcodecoupon.com/
dns推荐
致力于为您提供最稳定、最安全的域名解析服务
【推荐理由】依然是两个字“靠谱”，感谢他们一直以来对于公益的坚持
https://www.dnspod.cn/
设置cname
在github的网站目录下创建cname文件 填写自己的域名如hellodog.com，保存结束 登录dnspod，先添加域名，然后添加记录，设置如下
延伸阅读： hexo免费静态博客安装和使用方法 教你如何用jekyll 搭建全静态博客 基于各种语言的静态博客程序大总结 静态博客程序使用入门


域名怎么买卖？域名买卖有何窍门？
vip域名有价值吗？可以注册吗
域名过期 多久可以抢注，域名删除期多久？
将静态网站部署到云服务器上
网站如何建立？应该如何进行推广呢？
中文域名查询网址有哪些？中文域名如何使用？
199元服务器来临 阿里云送福利！
申请域名多少钱 申请域名的重要性是什么