Hexo + GitHub搭建博客的教程

本人博客效果预览

Snip20170615_13.png Snip20170615_14.png

首先,你需要注册一个 github 账号,最好取一个有意义的名字,比如姓名全拼,昵称全拼,如果被占用,可以加上有意义的数字.

注册账号:地址: https://github.com/输入账号、邮箱、密码,然后点击注册按钮.

20140712125642518.png

创建页面仓库

这个仓库的名字需要和你的账号对应， 如 tiemaocsdn.github.io

输入基本信息,然后点击创建仓库.

20140712125914603.png

安装工具

Hexo 可以说是目前最流行的博客框架了，基于Nodejs，更多信息可以google，下面需要安装的工具包括 Git，Nodejs，Hexo。（Windows 用户自行搜索这些工具，直接安装即可，试过基本没啥问题）

1. 安装Git

 // 如果已安装HomeBrew 无需执行此行
 $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

 $ brew install git   // 安装Git

2. 安装Nodejs

先安装nvm，这是Nodejs版本管理器，可以轻松切换Nodejs版本。 这里有两种方式安装。如果使用curl的方式安装，安装完成之后一定要重启终端。

1. Homebrew 安装方式，此安装方式无需重启
 $ brew install nvm  
 $ mkdir ~/.nvm
 $ export NVM_DIR=~/.nvm
 $ . $(brew --prefix nvm)/nvm.sh

 2. curl安装方式
 $ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

安装完成后，重启终端 并执行下列命令即可安装 Node.js。

 $ nvm install 4

3. 安装Hexo

以上所有都安装完成之后再安装Hexo

 $ sudo npm install hexo-cli -g
 

编写，发布

接下来我们需要用Hexo初始化一个博客，然后更改一些自定义的配置，或者加上自己喜欢的主题，写上第一篇文章，然后发布到自己的个人Github网站(username.github.io)。

创建博客

将下面的 username 替换成你自己的username(其实也无所谓，作者强迫症)，执行成功后，会创建出一个名为 username.github.io 的文件夹。

$ hexo init username.github.io

更改配置

主题安装

为了使博客不太难看，我们需要安装一个主题，切换至刚刚生成的Hexo 目录，安装主题

$ cd username.github.io
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

1. 这里选了一个极简的主题，也是Hexo众多主题中最受欢迎的一个。上面出现的喵神的主题 在这里。Hexo也有更多主题供你选择。
2. 基础配置：打开文件位置username.github.io/_config.yml修改几个键值对，下面把几个必须设置的列出来按需求修改，记得保存， 还有注意配置的键值之间一定要有空格。更多设置...

Snip20170615_15.png

 title: dimsky 的 9 维空间    //你博客的名字
 author: dimsky  //你的名字
 language: zh-Hans    //语言 中文
 theme: next   //刚刚安装的主题名称
 deploy:
   type: git    //使用Git 发布
   repo: https://github.com/username/username.github.io.git    // 刚创建的Github仓库

---

我的配置参考

Snip20170615_16.png

写文章

1. 所有基础框架都已经创建完成，接下来可以开始写你的第一篇博客了
2. 在username.github.io/source/_posts下创建你的第一个博客吧

创建文章命令
hexo new "测试"

Snip20170615_17.png

测试

  $ hexo s
  

1. 测试服务启动，你可以在浏览器中输入https://localhost:4000 访问了。

Snip20170615_19.png

安装hexo-deployer-git自动部署发布工具

 $ npm install hexo-deployer-git --save

发布

1. 测试没问题后，我们就生成静态网页文件发布至我们的Github pages 中。

$ hexo clean && hexo g && hexo d
  

2. 如果这是你的第一次，终端会让你输入Github 的邮箱和密码，正确输入后，骚等片刻，就会把你的博客上传至Github 了。以后在每次把博客写完后，执行一下这个命令就可以直接发布了。

3. 发布文章命令

hexo deploy

4. 删除文章命令

hexo clean

最后一步

• 恭喜你能走到这一步，你的博客已经完成了，在浏览器中输入 https://qijinliang.github.io/ 就能够访问了。

Snip20170615_21.png

预览效果

Snip20170615_20.png