Hexo+Github搭建个人博客

前言

一开始接触写代码的时候我就想搭一个自己个人的技术博客，用来记录平常开发时遇到的问题和平时的一些学习等，但是那时候不知道要怎么去搭建属于自己的博客，而后工作越来越忙了这个事情就耽搁了，前段时间想逼自己记录一些自己平常时间的一些学习等，所以又萌发了重新搭建技术博客的念头，看了一波资料后决定采用Hexo+Github搭建个人博客, 因为Hexo搭建比较简单，而且Hexo使用Markdown渲染和解析文章，编写文章非常方便。

Hexo简介

Hexo 是一个快速、简介高效的博客框架。Hexo 官网地址：https://hexo.io/zh-cn/

环境安装

Git安装

相信很多程序员都是使用Git，所以这里不再赘述git的安装，不会使用的同学这里推荐一个Git安装教程

到你的Github账号上去建一个新的Repository，仓库名为[your_user_name.github.io]，没有Github账号的同学到这里去申请https://github.com
后续想要把网址部署到Github上的同学，需要在【your_user_name.github.io】此仓库下的Setting配置里添加一个Deploy keys

创建 SSH key可以参考：

https://help.github.com/articles/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent/

Homebrew安装

1	$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Node.js安装

直接使用homebrew安装

1	$ brew install node

下载Node.js包安装

Node.js下载地址https://nodejs.org/

Hexo安装

1	$ npm install -g hexo-cli

初始化博客

安装完成Hexo后，建立一个Blog文件夹，执行如下指令即可完成Hexo初始化

1
2
3

$ cd Blog
$ Hexo init
$ npm install

部署博客

完成Hexo初始化后，就可以测试一下你的博客是否搭建成功，执行如下指令进行测试

$ cd Blog
$ Hexo post "我的一个博客"
$ Hexo g
$ Hexo server

执行如下指令后浏览器输入:http://localhost:4000查看本地博客是否可以访问

发布博客到Github

完成了博客的初始化后，我们可以把我们搭建的博客发布到Github，打开Blog文件夹下的_config.yml文件，找到deploy，配置如下：

deploy:
  type: git
  repository: https://github.com/your_user_name/you_user_name.github.io.git
  branch: master

要提交到Github上需要安装hexo-deployer-git插件

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

等待hexo-deployer-git插件安装完成后，执行如下指令，即可完成Hexo发布

1
2
3

$ Hexo clean
$ Hexo g
$ Hexo d

到了这一步后耐心等待，如果遇到要输入Github账号用户名和密码，输入即可发布完成。

修改Hexo默认主题

我这里的博客主题是使用了next主题，需要自定义主题的可以到以下地址查看教程修改:

http://theme-next.iissnan.com/
https://hexo.io/themes/

Hexo 写文章

博客搭建完成后，可以开心的记录你的学习啊，个人心得什么的。

1 2	$ cd Blog $ Hexo new post "xxxxxxx"

完成文章编写后，可以重新发布到Github，指令如下:

1
2
3

$ Hexo clean
$ Hexo g
$ Hexo d