mac 利用hexo搭建自己的博客网站

环境准备

hexo 是依赖于nodejs环境的，所以首先需要安装nodejs，然后后面需要将博客上传到github，所以我们要安装git，相信大家对这两个软件的安装过程都非常熟悉了（直接到对应的官网上下载.dmg安装包，然后一路next的傻瓜式安装方式）😘 😎。

安装hexo

在终端输入

$ sudo npm install -g hexo-cli

在安装途中可能会出现如下的错误

这是因为在安装hexo-cli的时候不能使用sudo，而是需要执行下面两条命令：

$ sudo chown -R `whoami` /usr/local/lib/node_modules

$ npm install -g hexo-cli

这样hexo环境就顺利安装成功了，然后输入命令

$ hexo i blog // 建立一个名为blog的项目名，用与存放blog文件
$ cd blog
$ hexo g // 本地编译
$ hexo s // 本地预览

然后打开浏览器，输入网址 http://localhost:4000，这样就可以在本地预览自己的博客网站了，是不是有点小激动呢！

切换hexo博客主题

博客网页上默认的主题为loadscape的主题，不同主题有不同的功能布局外观，主题也可以自己写，但是本人用的是网上的主题，这里放上一些主题：
https://github.com/hexojs/hexo/wiki/Themes

next是比较流行的一个hexo主题，本人也是使用的改主题，输入如下命令来获取next主题（当前所在目录为blog）：

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

然后找到blog文件夹下名为_config.yml的配置文件，将里面的theme改为next

然后输入如下命令，

$ hexo clean
$ hexo g
$ hexo s

可以看到博客页面变为如下的样式，另外还可以对样式进行定制，这就需要修改next文件夹下的_config.yml文件，具体设置方式可以参考next主题的网站 https://theme-next.iissnan.com/

将本地博客文件上传到github并配置github pages

首先需要在github上新建一个仓库，仓库的名称的格式为： 用户名.github.io，另外记得将最后一项勾选上

然后需要把本地blog文件夹的内容上传到github，打开之前blog文件夹下的_config.yml配置文件，把文件中的最后几行改成
如下的内容：

然后运行如下的命令装一个hexo部署到git的工具插件

$ npm install hexo-deployer-git --save

然后输入如下命令，将blog本地文件上传到github

$ hexo clean
$ hexo g
$ hexo d

最后在github新建的仓库里面就多了如下的文件：

在浏览器里面输入https://liheng.github.io 就可以访问自己的博客了 😋 ！！！！