Hexo博客的基本搭建

软件环境

需要的软件环境，以我本人的运行环境为例子

1. Git官网

   

   

2. [Node.js v12版本](CNPM Binaries Mirror (npmmirror.com))

   Node.js建议使用v12版本，使用高版本会出现不影响使用的小bug，如果你并非强迫症，以及你的其他项目要求更高版本，请下载最新版

   

   如果你的网络无法进行下载，请访问以下链接进行下载

   Git-来自上杉九月的网盘分享

   Node.js-来自上杉九月的网盘分享

   打开cmd命令行，输入node -v后显示下图所示，即为安装成功

   

   在电脑的任意目录点击右键，能够显示Git Bash Here

   

博客本地化部署

1. 更改npm为cnpm源

   国内某些网络环境访问npm会出现问题，建议使用taobao镜像源，能有效减少故障的发生

   1	npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安装hexo命令行

   -g是对全局安装hexo命令行

   1	cnpm install hexo-cli -g

   

3. Hexo博客初始化

   选取一个想要安装Hexo的目录，路径中最好不要含有中文，后续会更好处理

   1

   hexo init

   

   此时文件夹内应有初始化文件

   

4. 运行博客

   在博客根目录右键打开Git Bash Here

   输入以下指令

   1	hexo clean && hexo g && hexo s

   hexo clean 清除已经部署的网页静态文件

   hexo g 编译当前博客

   hexo s 启动本地服务器

   

   出现上图最后一句话，并且没有后续的警告语句，说明部署成功，在浏览器中输入以下网址查看部署效果

   1	http://localhost:4000

   

   如果你的端口4000被占用，可以使用hexo s -p 端口号

   然后访问http://localhost:端口号

   以上，博客的最基本的本地化部署已经完成，接下来将部署到Gitee或者Github

博客部署到网络

部署到Github(推荐)

GitHub: Where the world builds software · GitHub

如果因为网络问题无法访问，可以使用梯子或者改用Gitee部署

1. 创建Github仓库

   注册完成Github账号，新建仓库用于保存上传博客代码

这里我已经存在该仓库，所以会爆红

按照图示修改好仓库名后，确保仓库为公开(Public)，其他设置按需更改，创建仓库。

2. 获取与Github的连接

   在任意位置打开Git Bash Here，输入以下指令

   1 2 3

   git config --global user.name "你的GitHub用户名" git config --global user.email "你的GitHub注册邮箱" ssh-keygen -t rsa -C "你的GitHub注册邮箱"

   

   输入第三个命令后只需要连续按下三次回车，就会在C:\Users\用户名\.ssh中生成密钥文件

   打开id_rsa.pub，复制文件内容，添加到

   

然后在Git Bash中输入以下命令测试是否连通Github

1

ssh -T git@github.com

3. 上传博客到Github

   首先在Git Bash中输入以下命令安装部署插件

   1	cnpm install hexo-deployer-git --save

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

 
![](https://xingqiu-tuchuang-1256524210.cos.ap-shanghai.myqcloud.com/5199/hexo20.jpg)
 
打开根目录下的`_config.yml`文件
 
![](https://xingqiu-tuchuang-1256524210.cos.ap-shanghai.myqcloud.com/5199/hexo21.jpg)

repo 可以复制此处的链接

![](https://xingqiu-tuchuang-1256524210.cos.ap-shanghai.myqcloud.com/5199/hexo22.jpg)

填好后在`Git Bash`中输入下列命令部署到Github仓库

hexo clean && hexo g && hexo d

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

![](https://xingqiu-tuchuang-1256524210.cos.ap-shanghai.myqcloud.com/5199/hexo23.jpg)

此时访问`https://Github用户名.github.io`即可访问

![](https://xingqiu-tuchuang-1256524210.cos.ap-shanghai.myqcloud.com/5199/hexo24.jpg)

# 后记

本篇文章基本讲述了Hexo博客的基本部署，包括了本地化部署测试和上传到Github或者Gitee代码托管平台，使用托管平台提供的Page服务进行远程访问。

本篇教程属于面向与小白的零基础教程系列，如果在安装过程中出现任何问题，你可以在评论区提问，你的提问也是我充实文章的助力！