好久以前就看到师兄用Github搭建了一个个人博客，当时觉得很炫酷，想着我也要来搞一个。但是由于本人太懒，这个想法一直没有提上日程。直到最近开始找实习了，才恍然我将要开始工作了，需要一个博客来记录学到的知识，记录下成长的一点一滴。遂开始折腾用Hexo + Github page来搭建个人博客。
安装Git和NodeJs环境
由于早就开始学前端了，这些环境已经配置好了，所以建议去官网照着教程把环境搭建起来
安装Git
官网地址： https://nodejs.org/en/
我记得默认安装就行，没有什么难度
Github设置
注册一个Github账号
官网地址： https://github.com/
按照官网的注册步骤就行
创建Github Page仓库
建好github账号后，创建一个新的仓库，点击下图红框所示
新建的仓库要和你的用户名对应，填完后创建该仓库
进入github page设置页面
在仓库上方有一个setting选项，进入后找到Github Pages
选择一个Theme，有一个Choose a theme按钮，选择一个主题后就创建了自己的个人网站了。
查看效果
到目前为止，github page已经配置完成了，可以访问自己的站点
比如：http://junjiebyr.github.io
效果比较简单，所以接下来将使用别的hexo的主题，换成自己喜欢的风格
Hexo 配置
关于hexo安装以及怎么部署静态页面，在这一篇博客里有详细的解释：
http://zhiho.github.io/2015/09/26/start-hexo1/
接下来主要将展示怎么换主题——melody
配置hexo主题
我个人比较喜欢melody这个主题
https://github.com/Molunerfinn/hexo-theme-melody
配置教程
安装配置按照上面的步骤一步一步就可以完成了
但是我在这里主要想记录下其中一个搜索功能的部署问题
对， 就是图中的这个搜索功能。
如上图所示，开始我以为只是按照配置，修改yml文件就行了。后来百度后，发现这是个在线的搜索功能，需要到Algolia官网去注册一个账号，将文件上传上去，才能完成搜索功能。
注册完之后在下图中将_config.yml中的配置修改一下
注意：这里的apiKey填写的是search-only apikey，要不然的话功能无法起作用，我就是在这里犯了二，卡了半天。最后调试发现服务器返回的是403，才恍然大悟并不是这个功能没起作用，而是这个地方填错了
基本上到这里这个功能就完成了，整个页面的就变成了自己喜欢的风格了，有点折腾人啊哈哈。