# 前言

使用 Hexo+Github 搭建博客,因为涉及到部分插件或者安装包的下载,建议使用魔法上网

推荐文章:https://zhuanlan.zhihu.com/p/26625249

推荐视频:https://www.bilibili.com/video/BV1mU4y1j72n?spm_id_from=333.337.search-card.all.click&vd_source=5acf5a7b23d28e7633e5a9b381c57c42

# 准备工作

# 下载 Node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。

官网下载:https://nodejs.org/en/download/

安装完成后,可以通过命令行查看: node -v 显示安装版本, npm -v 显示 npm 版本。新版的 Node.js 已自带 npm,安装 Node.js 时会一起安装,npm 的作用就是对 Node.js 依赖的包进行管理,也可以理解为用来安装 / 卸载 Node.js 需要的东西。

# 环境配置

npm 在安装 node.js 需要的依赖时,会默认放在 C 盘 C:|Users|用户名\AppData\Roaming\npm ,所以此处我们需要手动设置 npm 安装的全局模块所在的路径,以及缓存 cache 得路径。

在 nodejs 文件夹下创建 node_cache,node_global 即可。

image-20220729144241266

拿到相应的路径,在终端执行以下命令:

npm config set prefix "S:\DevTools\Nodejs\node_global"
npm config set cache "S:\DevTools\Nodejs\node_cache"

然后再配置环境变量,先配置系统变量

image-20220729144419380

然后再配置用户变量中的 path,之前的值为: C:\Users\Cyan\AppData\Roaming\npm ,将其改为下面的值

image-20220729144448110

# 下载 Git

不多说

# 下载 Hexo

在终端执行命令

npm install hexo-cli --location=global

如果下载失败,错误信息显示权限不足,那么请使用管理员身份运行 cmd。

下载完成后,使用 hexo -v 查看 hexo 版本

# Github 相关操作

下面操作以我的 Github 为例进行讲解。

# 建立仓库

我的 Github 的昵称是 Cyan-N ,所以要建立一个仓库叫做: Cyan-N.github.io后缀名统一,前面必须是账号的昵称

image-20220729144929165

# 生成 ssh 密钥

随便进入文件夹,然后右键进入 Git Bash Here ,调用命令: ssh-keygen -t rsa -C "邮箱"此时不要关闭 Git。然后就会在 C:\Users\Cyan\.ssh 里面生成 id_rsaid_rsa.pub 文件,记事本进入 id_rsa.pubctrl+a,ctrl+c 复制全部指令。

Github 中,进入 setting->SSH and GPG keys 创建 SSH Keytitle 随便取,然后在 key 中粘贴刚才复制的内容。然后在刚才的 Git 界面输入以下命令: ssh -T git@github.com 。测试 ssh 是否绑定成功。

再次强调, Github 是国外网站,会抽风。

# 使用 Hexo

# 生成本地网页

找一个文件夹,用于存放你的博客文件,此处我命名为 Blog。然后在这个界面中 Git Bash Here 。其实建议以管理员身份运行 Git 。然后输入命令: hexo init 用于初始化。

hexo s 用于启动服务,此时会弹出一个网址,就可以通过浏览器来查看, ctrl+c 关闭本地服务器,就不能再访问了。

# 修改配置

在存放博客文件的文件夹,找到_config.yml 文件,在最后面修改为下面代码:

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repository: https://github.com/Cyan-N/Cyan-N.github.io.git #此处就是仓库地址
  branch: main

# 下载工具

在存放博客文件的文件夹,进入 Git,这里还是建议管理员身份。执行命令: npm install hexo-deployer-git --save 安装 Git 部署插件。

然后执行: hexo g 生成网页文件,再执行: hexo d 提交到 Github 上,这一步可能会连接超时,多试几次。

# 结尾

现在你已经完成了博客的搭建,你可以通过访问你的仓库地址,就是修改配置里面的那个网址来访问你的博客。其实还有一些我没有讲,比如域名替换和 https 使用,更换主题,通过修改主题中的_config.yml 实现个性化博客。

还神起爪子啊,个人赶门去搜一哈(翻译:还愣着干什么,自己马上去搜一下)