常用工具推荐

markdown编辑器：Typora

代码编辑器：notepad++、VScode等

Git下载安装及环境配置

进入Git官网下载页面(https://git-scm.com/download/) 下载最新版的Git项目版本管理工具Windows64位版本安装程序，我下载的版本是 Git-2.41.0-64-bit.exe

下载完后双击安装包开始安装，安装设置用默认的就好，一直选Next，最后点Install开始安装。接下来让我们测试一下是否安装成功，首先通过快捷键win+R打开Windows运行命令框，然后输入cmd打开命令行程序，在黑框中输入命令git version或git -v后回车

回车后如图显示就证明安装成功了

Node.js下载安装及环境配置

进入Node.js官网下载页面(Node.js (nodejs.org)) ,下载完成后，双击安装包，开始安装Node.js.安装设置还是用默认的，一直选Next，最后点Install开始安装。安装完后打开cmd窗口测试是否安装成功

输入: node -v // 显示node.js版本

​ npm -v // 显示npm版本

Hexo的下载以及博客的生成

然后在cmd窗口下输入命令下载hexo

npm install hexo-cli -g

安装完后输入命令hexo -v来测试是否安装成功

然后可以通过输入命令mkdir blog创建名为blog的文件（文件名可自定义，此处以blog为例）

以我的文档创建为例，此时文件会创建在目录C:\Users\86189下（users即是用户），后面所有博客的东西都会放进这里面来

然后在cmd窗口中输入命令 cd blog，然后回车，此时我们就位于名为blog的文件目录下

输入命令 hexo init，然后回车，就可以在这个blog文件下生成博客的基本框架

生成成功后可以在cmd窗口中可看到该提示

生成成功后可以在blog文件目录下看到这些文件

输入命令hexo s 在本地启动博客

然后复制 http://localhost:4000/ 去浏览器进行预览

这个便是博客初始页面

将博客部署到GitHub

注册一个github账户，注册成功后，点击右上角的+按钮，选择New repository，创建一个<用户名>.github.io的仓库

仓库的格式必须为：<用户名>.github.io

Description：描述仓库（选填）

勾选 Initialize this repository with a README 初始化一个 README.md 文件

点击 Create repository 进行创建

输入命令在blog文件目录下安装一个git部署插件

npm install –save hexo-deployer-git

环境配置

点击电脑右下角，然后找到Git，打开Git Bash配置用户名和邮箱

然后在git bash命令窗口分别输入

git config –global user.name “你的用户名”

git config –global user.email “你的邮箱”

可通过命令git config -l检查是否配置成功

连接GitHub

生成ssh公钥，执行以下指令

1
ssh-keygen -t rsa -C "你的邮箱"

然后一直回车直到出现下图所示

结果如图

之后打开C盘下用户文件夹下的.ssh的文件夹，会看到 id_rsa.pub

然后用记事本打开公钥的内容（也就是文件id_rsa.pub）并全部复制

将SSH KEY配置到Github

进入github，点击右上角头像，选择settings

进入设置页面后选择SSH and GPG keys

选择New SSH key

测试连接，输入以下命令

1
ssh -T git@github.com

出现红框内容便说明大功告成

修改_config.yml文件

先到GitHub仓库中复制SSH

然后在代码编辑器中打开blog文件夹，在_config.yml中如图修改设置，设置成功后记得保存

_config.yml的初始代码

修改deploy设置：

1
2
3
4
deploy:
  type: 'git'
  repo: git@github.com:username/username.github.io.git
  branch: main

修改后

_config.yml就是整个Hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述

最后在cmd窗口的blog文件位置下输入命令hexo d，将博客上传到github仓库

hexo常用命令如下：

hexo clean //清除缓存

hexo g //生成静态文件

hexo d //部署网站

hexo s //启动服务器

上传成功后，便可在浏览器中输入 username.github.io访问自己的博客

后记

我使用的博客主题是Butterfly，该主题算是比较热门的，推荐使用。此处附上主题的使用教程网址：https://butterfly.js.org/

关于博客主题的设置可参考视频教程：

【使用Hexo搭建个人博客手摸手教学(7)|主题安装使用】 https://www.bilibili.com/video/BV1d64y1q7KS/?share_source=copy_web&vd_source=4175708e3d0d482d0df075930a6bbbdf

有疑问或者想互相交流可添加QQ联系本人：1135337589