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

朴灿烈づ我的快乐病毒、 2021-11-11 08:14 308阅读 0赞

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

*  一、搭建所需环境
 *  二、安装Hexo
 *  三、本地建站
 *  四、本地网站上传Github
 *  五、自定义域名绑定
 *  六、更换主题
 *  七、网站内容编辑
 *  八、修改已有Hexo主题
 *  九、制作自己的Hexo主题

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

# 一、搭建所需环境 #

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

# 二、安装Hexo #

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

npm install -g hexo-cli

![在这里插入图片描述][20190805134400515.png]  
2.再次终端输入命令，出现下图3结果说明Hexo安装成功；

hexo -v

![在这里插入图片描述][20190805134706696.png]

# 三、本地建站 #

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

hexo init blog

![在这里插入图片描述][2019080513561557.png]  
![在这里插入图片描述][20190805135700414.png]  
2.命令行进入blog文件夹，输入如下命令，完成npm安装，结果如下图所示；

npm install

![在这里插入图片描述][20190805140018133.png]  
3.开启服务器，输入如下命令，出现下图结果打开浏览器，输入http://localhost:4000 即可浏览本地创建完成的网站效果；

hexo server

![在这里插入图片描述][20190805140208400.png]

# 四、本地网站上传Github #

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

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

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

hexo generate

![在这里插入图片描述][2019080514113965.png]  
![在这里插入图片描述][20190805141153723.png]  
再次输入命令，完成部署网站，但是出现如下图所示的问题

hexo deploy

![在这里插入图片描述][20190805141241176.png]  
解决方法如下所示  
在blog上一级文件夹下，即新加文件夹donghuifeng下，输入如下所示命令，得到如下图所示结果；

npm install --save hexo-deployer-git

![在这里插入图片描述][2019080514145881.png]  
![在这里插入图片描述][20190805141608492.png]  
再次在blog文件夹下输入部署命令`hexo deploy`，完成部署操作，如下图所示；  
![在这里插入图片描述][20190805141722654.png]

# 五、自定义域名绑定 #

打开并登陆阿里云，在自定义域名下完成解析设置，如下图所示；  
![在这里插入图片描述][20190805141835626.png]  
域名解析完成后打开浏览器输入相应域名，既可以浏览自己搭建好的网站。

# 六、更换主题 #

# 七、网站内容编辑 #

# 八、修改已有Hexo主题 #

# 九、制作自己的Hexo主题 #

[20190805134122732.png]: /images/20211109/40c81efa42d5448abd28ccafd426cbb7.png
[20190805134400515.png]: /images/20211109/c8ac6461ff154065b14a54290eda6561.png
[20190805134706696.png]: /images/20211109/b17cf56a798e4e46ac688d66f3ebd463.png
[2019080513561557.png]: /images/20211109/35a43585e56f418e89418ba8e455b9bb.png
[20190805135700414.png]: /images/20211109/d12797a52780418f805aefde119bb285.png
[20190805140018133.png]: /images/20211109/65ef81b6f52346329138d45c77cce62e.png
[20190805140208400.png]: /images/20211109/e41de262efaf4bbcbf611d3f3c905f51.png
[2019080514113965.png]: /images/20211109/c0fc41b30a9e4bbabebc1ed881c722ea.png
[20190805141153723.png]: /images/20211109/ef4a69e1b59d4e93aa32e7c3c6d76a19.png
[20190805141241176.png]: /images/20211109/9dd3dc7f0e3f4ee08f14a2dcbe1725a8.png
[2019080514145881.png]: /images/20211109/2fe992742c08491493c22e38b18ee4fa.png
[20190805141608492.png]: /images/20211109/1ee6e687b7a547e7b45b4b2423667783.png
[20190805141722654.png]: /images/20211109/bf62a18408bb419b9909f7d678a8c050.png
[20190805141835626.png]: /images/20211109/8f536456b4444814a423b35550bb250a.png