视频

https://www.bilibili.com/video/BV1WMtozHE6F

🌟视频资源获取 🔽

https://www.123865.com/s/sMpQjv-URJq3
备用链接🔽
https://www.123684.com/s/sMpQjv-URJq3

准备工具

在开始搭建之前我们需要先下载几个软件，可以去文章开头的视频资源获取处获取网盘下载链接
Nodejs
Git
VScode(Visual Studio Code)
Steam++（现在叫Watt Toolkit）
Typora（可以到网盘下载免费版）
在Nodejs和Git安装时一直点击下一步就可以了，安装VScode的时候记得勾选创建桌面快捷方式

VScode中文设置

进入VScode，在侧边栏找到4个方块的图标，打开扩展商店（或者按下Ctrl+Shift+X也可以打开扩展商店），在搜索框输入Chinese，找到一个由微软官方发布的地球图标的扩展，点击install（安装），然后重启一下VScode就变成中文的了
image
image

检查软件是否安装成功

Win+R 打开运行框输入CMD然后回车，依次执行下面的命令，注意每一个命令都是空格加上-v的
注意：安装Nodejs时会自动安装npm
node -v
npm -v
git -v
如果像我这样返回了版本号就代表安装成功了
image

设置淘宝npm镜像

直接在命令行里粘贴这个命令就可以了，使用淘宝npm镜像可以在安装npm包时更快一些
npm config set registry https://registry.npmmirror.com

下载hexo

用管理员权限打开cmd，执行下面的命令
npm install hexo-cli -g

创建Github仓库

我们需要准备一个Github账号，没有的可以去注册一下
接下来我们点击Github侧边栏的New按钮，进入新建仓库页面，仓库名必须按照要求填写（用户名.github.io），仓库必须是Public的，创建README文件（不然可能会无法触发Github Pages部署）
image
image
image

创建并配置SSH key

回到桌面，右键点击Open Git Bash，输入下面的命令回车，注意：要填写你注册Github时使用的邮箱，敲四下回车
image
ssh-keygen -t rsa -C "邮件地址"
然后我们打开此电脑，进入C:，里面的.ssh文件夹，打开id_rsa.pub文件，推荐使用记事本打开，全选并复制SSH key
然后我们回到Github，点击自己的头像，点击设置，点击SSH and GPG keys，点击New SSH key，名字随便输入一个，我这里输入的是hexo，然后粘贴SSH key，最后点击创建。温馨提示：请不要泄露自己的SSH key！
image
image
image
image

验证SSH key 是否添加成功

回到桌面，打开Git Bash，输入下面这串命令验证是否成功添加SSH key
ssh -T git@github.com
按下回车键，输入yes，再次回车

初始化博客

在初始化博客之前我们可以使用Steam++进行加速，软件请到文章开头的网盘链接或官网获取
image
选择一个合适的位置创建文件夹，然后进入文件夹，打开Git Bash，输入hexo init 进行初始化，hexo g生成静态文件，hexo s启动本地服务器
image
image
image

部署博客

在博客文件夹找到_config.yml，推荐使用VScode打开，滑到底部删除掉原来的type代码，粘贴下面这段代码，注意缩进和保存代码
type: git
repository:
branch: main
image
image
回到Github仓库，点击Code，复制仓库的HTTPS链接
image
回到VScode，在repository后面粘贴仓库地址，注意冒号仓库链接之间是有空格的。最后别忘记保存！
在博客文件夹打开Git Bash输入hexo g 和 hexo d生成静态文件并部署
遇到报错不要慌，出现这个报错是因为没有安装hexo的部署工具，我们执行下面的命令开始安装
image
npm install hexo-deployer-git --save
第一次部署我们还需要配置一下Github的用户名和Github的邮箱
git config --global user.email "你的邮箱"
git config --global user.name "你的名字"
重新执行hexo d推送文件到Github，在弹出的窗口上选择在浏览器上登录，然后会跳转到浏览器让你登录Github账户，我这边已经自动登录Github了
image
出现下面的这个提示就代表已经成功推送到Github了，我们需要耐心等待Github Pages的部署，在hexo d推送文件的时候可以使用steam++进行加速
image
image
回到Github仓库，当你看到仓库有两个勾就带表部署成功了
image
我们访问 用户名.github.io 就可以看到自己的博客了

如何新建文章

  • 在博客文件夹打开Git Bash，执行下面的命令，新建的文章在博客文件夹/source/_posts文件夹中，文章的格式是.md，编辑文章推荐使用Typora编辑器
hexo new 文章标题
Typora中国官网：https://www.typoraio.cn/ （89元3台设备终身授权，推荐大家使用正版的）
免费版请到文章开头的网盘链接获取

主题推荐

推荐主题：Butterfly，anzhiyu
这两款主题都是免费开源的
Butterfly主题
image
image
anzhiyu主题
image
image
科技