经过几天的折腾，终于把github以及github-pages熟悉了一遍，并且在2017新年第一天成功的把博客系统运行在github-pages上，不枉几天查阅各种资料文档，尝试各种框架、工具、库，虽然探索的过程很艰辛的但最终的的成果令人兴奋，也希望在新的一年技术能有更加精进。

在此贴上几天努力的成果 http://blog.geekap.com

一、建站简述

讲过几天的探索，学习了各种各样的建站方式，也简单尝试了几种，最终决定使用 Hexo，官方宣传口号为:快速、简洁且高效的博客框架
拥有以下特点:

  • 超快速度
    • Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。
  • 支持 Markdown
    • Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。
  • 一键部署
    • 只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
  • 丰富的插件
    • Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。

Hexo不但功能强大，可扩展性强，并且简单易用，只需要电脑中有nodejs环境和git，接下来只需要简单的输入几条命令你的github-pages博客系统便马上可以线了，是不是心动啦，快来试试吧。

二、准备工作

  • 安装并配置nodejs环境
  • 安装git
  • 拥有github账号，并创建一个名字为username.github.io的仓库，username为你的用户名。

三、开始安装

首先创建一个工程目录，进入根目录输入以下指令：

Hexo安装
  • cmd
1
2
3
4
5
6
7
$ npm install hexo-cli -g    #安装Hexo

$ hexo init    #初始化Hexo
     
$ npm install    #安装所有依赖包 	
      	
$ hexo server    #启动服务

四、安装完成–调试

执行 $ hexo server 后在浏览器中输入localhost:4000映入眼帘的的便是你的博客主页。

五、更改主题

  1. Hexo默认的landscape主题。要是你觉得默认主题不好看，没关系，Hexo官方网站提供多达91款主题，任你挑选。
  2. 主题的使用也很简单。在Hexo主题列表选择好心仪的主题后，进入主题的github项目，下载到你的博客目录themes下，或者使用git命令直接克隆到本地。
  3. 在博客根目录的_config.yml文件中将theme变量的值更改为新主题文件夹的名字，当然了，主题文件夹名也是可以任意更改的。
  4. 然后刷新网页，即可看到属于你炫酷的博客。

六、上线到github-pages

在本地测试成功后，接下来就该把博客上线到github为广大开发者免费提供的静态网页服务器github-pages上了。

1. 首先继续配置_config.yml文件，设置deploy

{% tabbed_codeblock 'Hexo配置' http://blog.geekap.com %}
			
	deploy:

	type: git

	repo: https://github.com/github用户名/github用户名.github.io
	
	{% endtabbed_codeblock %}

2. 安装hexo的git插件

1
$ npm install hexo-deployer-git --save

3. 最后输入命令，生成静态网页，并部署到你的github仓库，你即可在浏览器中输入github用户名.github.io访问你的博客了。

{% tabbed_codeblock 'Hexo部署' http://blog.geekap.com %}
			
		$ hexo generate    #生成静态页面
		
		$ hexo deploy   #部署网站到你的github仓库，根据_config.yml中repo所填的github地址为准。
	
	{% endtabbed_codeblock %}

4. 接下来你需要的做的就是新建一篇文章，并使用markdown编辑器开始你的博客之旅了。

1
$ hexo new  <title>    #title为文章的标题

七、markdown编辑器

经过博主对比几个有名的在线markdown编辑器，推荐使用StackEditor,当然你要是有更好的选择也可以告诉博主。

八、注意:

由于github是国外的服务器，访问较慢，建议将博客的图片放到七牛或者又拍云或者阿里云的OSS上。

九、建站小结

以上简述了Hexo博客的建设，如若还有不懂请查阅Hexo的官方文档，若是依然无法解决可以联系博主。

十、博客规划

博客到此就已经建设完成，接下来开始记录学习中遇到的问题，学习技巧，新技术的动态，并分享一些好的想法，还有生活、学习、工作中的一些所见所闻所感。愿大家一起见证我以及我的博客点点滴滴的成长。

'安仔'