07 基于MAC和Github及Hexo搭建个人网站

本篇博客是通过Github搭建个人博客，采取Hexo的主题，其MAC电脑上搭建详细步骤如下所示。

一、搭建所需环境

1.Github账号
2.下载安装node.js，会默认包含npm，并通过终端命令行node -v 和 npm -v 查看安装是否成功，如下图所示；

二、安装Hexo

1.打开终端，输入如下命令，并获得如下图2所示结果，说明Hexo安装过程完成。

npm install -g hexo-cli

2.再次终端输入命令，出现下图3结果说明Hexo安装成功；

hexo -v

三、本地建站

1.在MAC电脑根目录下新建文件夹donghuifeng，打开终端，进入新建文件夹目录，输入如下命令，结果如下图所示说明初始化成功，并在当前文件夹生成新文件夹blog；

hexo init blog

2.命令行进入blog文件夹，输入如下命令，完成npm安装，结果如下图所示；

npm install

3.开启服务器，输入如下命令，出现下图结果打开浏览器，输入http://localhost:4000 即可浏览本地创建完成的网站效果；

hexo server

四、本地网站上传Github

1.Github上创建新仓库，并命名为自定义字符串.github.io，同时将本仓库链接地址复制

2.打开本地之前生成的blog文件夹里根目录下的_config.yml文件，替换部署字段的相应内容，如下图所示；

3.执行上传部署操作
打开终端，同样进入blog文件夹目录，输入如下命令生成静文件，结果如下图所示；

hexo generate    

再次输入命令，完成部署网站，但是出现如下图所示的问题

hexo deploy 

解决方法如下所示
在blog上一级文件夹下，即新加文件夹donghuifeng下，输入如下所示命令，得到如下图所示结果；

npm install --save hexo-deployer-git

再次在blog文件夹下输入部署命令hexo deploy，完成部署操作，如下图所示；

五、自定义域名绑定

打开并登陆阿里云，在自定义域名下完成解析设置，如下图所示；

域名解析完成后打开浏览器输入相应域名，既可以浏览自己搭建好的网站。

六、更换主题

七、网站内容编辑

八、修改已有Hexo主题

九、制作自己的Hexo主题