目录
1 Hexo简介
Hexo基于Node.js的博客部署框架,Hexo能使用Markdown或者其他渲染格式解析文章,安装Hexo只需几分钟时间。
Hexo博客部署框架有如下特点:
- 快速性
- 简洁性
- 高效性
2 环境准备
2.1 安装Node.js
首先访问Node.js的官网获取最新LTS安装包:Node.js官网
![下载Node.js](https://i-blog.csdnimg.cn/blog_migrate/b5151ac14014c8c3d9e89817cc105eb2.jpeg)
然后打开下载的Node.js安装包点击安装(安装时全程Default即可)
![](https://i-blog.csdnimg.cn/blog_migrate/0fd8f263658d29d5eeace58c24ac898a.jpeg)
Win+R打开“运行”并输入cmd打开命令窗口,输入如下代码验证安装完整性
node -v
npm -v
![Node.js版本](https://i-blog.csdnimg.cn/blog_migrate/b85e05b7384ef3faeba8ceb9662c784b.jpeg)
2.2 安装Git
首先访问Git的官网获取最新的Git安装包:Git官网
![获取Git安装包](https://i-blog.csdnimg.cn/blog_migrate/44b5f20ad06fbf06fe64099f40abce0e.jpeg)
然后打开下载的Git安装包点击安装(安装时全程Default即可)
![安装Git](https://i-blog.csdnimg.cn/blog_migrate/0f1a78f95c88e3a61884f4ef79e8eac1.jpeg)
Win+R打开“运行”并输入cmd打开命令窗口,输入如下代码验证安装完整性
git --version
![Git版本](https://i-blog.csdnimg.cn/blog_migrate/000e6b59443f1d8fcead2c61e10af8b0.jpeg)
3 Hexo部署
3.1 安装Hexo框架
通过npm install -g hexo-cli命令部署hexo框架
npm install -g hexo-cli
![安装Hexo框架](https://i-blog.csdnimg.cn/blog_migrate/2de42c6e913d59d7d4aaefb0ad31be7a.jpeg)
3.2 Hexo初始化
通过hexo init命令初始化博客
hexo init
![Init](https://i-blog.csdnimg.cn/blog_migrate/81fa459b66abf82d35d8515a2fe19e2b.jpeg)
3.3 Hexo生成
通过hexo generate命令生成博客
hexo generate
![Generate](https://i-blog.csdnimg.cn/blog_migrate/ec4092f498460e20937186b8a28d7d14.jpeg)
3.4 Hexo启动
通过hexo server命令
hexo server
![Server](https://i-blog.csdnimg.cn/blog_migrate/96e6e19d1384df1f4893179eab501091.jpeg)
再通过 http://localhost:4000/ 即可本地访问博客主页
![本地访问](https://i-blog.csdnimg.cn/blog_migrate/1bacb7dc594699a3c99e4e427094567a.jpeg)
3.5 Hexo部署
通过hexo deploy命令
hexo deploy
![Deploy](https://i-blog.csdnimg.cn/blog_migrate/ab4605f2ce3a5bb43648a1bae102b1c9.jpeg)
3.6 Hexo清除
hexo clean
![Clean](https://i-blog.csdnimg.cn/blog_migrate/ec4b673f9afbb658f3ff19cc0ab70bf8.jpeg)
3.7 添加文章
在博客文件夹下的 /source/_post 文件夹下面创建需更新的博客,完成后便可将其部署到GitHub服务器上
hexo new post <新建的Markdown文件名>
4 将Hexo博客部署到GitHub上托管
4.1 新建GitHub仓库
第一步:在GitHub本人主页上点击加号(+)选择new repository创建新仓库
![新建仓库](https://i-blog.csdnimg.cn/blog_migrate/c4eb5502f98a367c5770dcdcd7c953ff.jpeg)
第二步:在新建仓库的页面键入本人的Repository name(注意一定要以.github.io结尾)
![输入仓库名称](https://i-blog.csdnimg.cn/blog_migrate/5bd551720e860ec98af1c6da67d1d011.jpeg)
第三步:生成以后的仓库中红框部分是后面将Hexo博客部署到GitHub上所需的链接
![仓库链接](https://i-blog.csdnimg.cn/blog_migrate/bcbeac062cf49aa810c1c584c18af99c.jpeg)
4.2 将Hexo博客部署到GitHub服务器上
将博客根目录下的_config.yml配置文件进行如下更改:
![部署博客到Git上](https://i-blog.csdnimg.cn/blog_migrate/179f84e583a53f67316970f4d8cf0226.jpeg)
完成操作之后重新部署生效到GitHub上
5 更改Hexo博客主题
5.1 获取主题
使用如下命令克隆GitHub仓库中的主题到本地
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
![获取主题](https://i-blog.csdnimg.cn/blog_migrate/46e1b4065c5f13ba3aada980b4946bfa.jpeg)
5.2 更改配置文件
将本地博客所下载的主题根目录的_config.yml文件进行如下更改:
![修改主题的Config配置文件](https://i-blog.csdnimg.cn/blog_migrate/4e7bc969b3ce91bdf8035beabc973284.jpeg)
5.3 重新部署到服务器
后续执行以下操作部署到GitHub上即可完成主题更换操作
hexo clean
hexo generate
hexo deploy
5.4 绑定个人域名
绑定个人域名参照: Github个人博客:绑定域名
6 Hexo博客搭建常见问题
6.1 无法远程访问GitHub仓库
第一次部署时候可能出现无法无法访问GitHub仓库的情况,考虑可能是SSH配置错误,只需正确配置SSH key即可,详细可参见如下链接的解决方法:正确配置SSH key并远程访问GitHub
6.2 DNS域名解析异常
在部署过程中可能遇到无法将博客部署到GitHub上的情况,通过Windows控制的ping命令无法ping通GitHub官网网址,则是出现了DNS域名解析异常。
解决方法一:打开本地 C:\Windows\System32\drivers\etc\hosts 文件并在末尾添加上如下命令
#前者为GitHub的网址IP,后者为GitHub网址的域名
140.82.112.4 github.com
解决方法二:更改为国内的Gitee码云,部署方法与GitHub类似
6.3 部署失败
- 在执行hexo deploy命令时出现 ERROR Deployer not found: git 的错误
解决方法是执行如下代码然后再重新部署
npm install --save hexo-deployer-git
![Hexo安装git组件](https://i-blog.csdnimg.cn/blog_migrate/894f1841cc0079f5350738bbe9c1a752.jpeg)
- 出现403错误可以将 _config.yml 配置文件中 repo 字段的 https 地址更改为 SSH 地址。