在windows下搭建hexo+github的个人博客的总结
概述
本文主要侧重搭建环境中一些问题的解决，一些常规步骤可以参考其他教程。
- 搭建环境：环境搭建与常见问题
- 发布一篇博文：hexo基本语法与命令
因为没钱买VPN和域名，平时用到的机会也不多，所以以下都不涉及购买的问题。但是有钱了还是想买VPN，稳定多了T T
参考教程：
零基础免费搭建个人博客
环境搭建
安装Git
下载地址：git for windows
这里没有什么坑，下载好安装包一步步安装就可以了。
安装Github
这是Github官网的地址：
Github
但是我下载了这个只有几百KB的安装程序后，点击安装显示我网络问题，在线安装不了，试了好几次都不行。
于是我搜索到网上这个答案：知乎
下载离线安装包，愉快安装完成。
注册和配置SSH的步骤我就不谈了，可以参考上面给出的网站。
安装Node.js
地址：node.js
这个也没什么坑，安装完node -v，出现版本号即成功。
安装Hexo
在一个盘新建一个文件夹，比如d:/hexo
右键选择Git bash here，输入
`npm install -g cnpm --registry=https://registry.npm.taobao.org`
然后进行hexo的初始化
输入hexo init
cnpm install
安装生成器
输入hexo s -g
然后打开浏览器，输入localhost:4000就可以了。
但是之前的配置都不是重点，重点是我输入了localhost:4000什么都没有出现！
于是我又开始了我漫长的寻找之旅。
搜索了很多，终于在segmentfault里找到答案。应该是4000的端口被占用了╭(╯^╰)╮
修改端口号hexo s -p 4001
果断能访问了！
看到了这个熟悉的页面。
同步到Github
这里要修改hexo下的_config.yml文件。
注意注意注意！每个冒号后面有一个半角冒号！
然后nmp install hexo-deployer-git -save
hexo g
hexo d
就可以啦！
如果你之前Github域名都配置好了的话，输入github-your-name.github.io就可以访问你的个人主页啦！
发布一篇博文
写文章
下面可以写一篇文章来试试。
hexo new "hello-world"
然后下载markdownpad对.md文件进行编辑。
我安装好了之后不能正常使用，还要下载一个markdownpad这个东西才能正常使用。
总之处处都是坑T T
发布图片
可以参照markdown的基础语法写文章，我特别想说的是发图片的问题。
一些教程推荐的图床和七牛我都没法正常使用，然后有人推荐了微博图床，下载了插件之后，由于不是chrome官方的插件，所以没有办法启用。
可以将.crx的插件换成.zip，然后解压。
然后打开chrome://extensions/
开启开发者模式，然后加载已解压的扩展程序，选择你刚刚解压的文件。
点击启用微博图床，就可以啦~
使用方式是在chrome地址栏右面你会发现出现了一个新的图标，点击它，会出现一个灰色的框框，把图片拖进去就会生成一个地址。
然后在.md文件里![]()在()中贴入图片地址就可以啦！
编辑好文件之后还是hexo g
hexo s -p 4001
就可以在浏览器里看到你发布的新文章了。
2017.6.1更新
最近写博文的时候发现微博图床不好用了，然后在网上一搜，发现出现了新技术。
参考网站http://www.tuicool.com/articles/umEBVfI
具体操作就是在hexo 目录下执行
npm install https://github.com/CodeFalling/hexo-asset-image –save
然后如果你的文章名为article.md，那么在这个文件夹下面建一个同名文件夹。这个文件夹下存放你要使用的图片。加入图片为1.jpg。然后在你博文要用的地方使用
就可以了.
更换主题
一些好看的主题可以参考这里：
Themes
我选择了yilia主题，感觉配色很好看。
另外，喜欢NexT主题的也非常多，感觉这个主题更适合男生一点。
同样，给出教程链接，具体配置我就不说了。
需要修改hexo主目录和themes下的config文件。
注意注意注意！每个冒号后面有一个半角冒号！
注意注意注意！每个冒号后面有一个半角冒号！
注意注意注意！每个冒号后面有一个半角冒号！
重要的事情说三遍。
在这里遇到的第一个坑是换头像的问题。
明明在博文内容里显示的好好的图片，不知道为什么换头像就是不成功。一开始怀疑是我的config文件配置的问题，可是查了很多教程都没有提头像的问题。
后来我在Segmentfault里提问，经提醒发现头像连接前面自动加了一个null,变成了src="nullhttp://ww2.sinaimg.cn/...jpg"
后来我想到去原大大的github里看看是否有解决方案，然后终于找到了解决方法。传送原github地址
应该是没有设置root目录的原因。
第二个坑是，我发现别人的Yilia主题都有一些动画，点击小房子的时候还会弹出来一个菜单，但是我的没有。
像下面这样：
后来我觉得这个可能也是root的原因，然后在issue里找，发现并没有解决方法，然后我看到有人pull requests，说cancel root，我想这个可能就是解决方法，然后我改掉了main.js和after-footer.ejs文件。
终于搞成上面的样子啦！
开心！
发现yilia的插件不是很丰富，所以还是换成了next。
next的配置教程很强大。
官网的连接在这：next
照着官网的步骤一步一步做就可以啦。
但是我这个体质还是个问题，就是在写网站的description的时候，中文总是乱码。搜了好久，还是没有解决这个问题，于是我去segmentfault上提了个问。也是等了好久，才有人回答这个问题，然后他把他的配置原文发给我，我一开始用写字板打开发现是乱码，这才想到有可能是编码错误。之前在记事本里改的UTF-8编码，不知道为什么不管用。于是我就下了个notepad++，改成UTF-8编码。果然顺利显示中文。
插件
2017.6.1更新
想顺便装个评论，但是发现自己版本是5.0.2，以前的多说不能用了。其他的要翻墙。
注册了网易云跟帖，但是不支持二级域名。所以一直返回url已经注册的错误。
所以暂时搁置一下评论。
等日后更新next或者有新的评论。
这个是友言的，但是试了没用http://www.jianshu.com/p/4729e92fddbe
分享的按钮太丑了所以去掉了。
网站统计一看站点浏览次数很多吓我一跳。但是觉得还是想纯粹一点所以去掉了。
站内搜索也没有可用的。
看来有空要更新一下了。
下一步更新好之后还可以做一下SEO优化。https://segmentfault.com/a/1190000002436096
后话
遇到坑的时候总想放弃，但是坚持一下还是成功了，因为真的太想要一个属于自己的独立博客了。但是我对github和hexo了解还是不深入，不知道为什么要一步步这样做，接下来还是要努力呀。
万事开头难，然后中间难，最后结尾难。希望自己能保持这份热情，把博客经营下去。
后面遇到什么问题我还会更，毕竟我是个容易遇到坑的少女体质╮(╯▽╰)╭