# 前言
使用 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 即可。
拿到相应的路径,在终端执行以下命令:
npm config set prefix "S:\DevTools\Nodejs\node_global" | |
npm config set cache "S:\DevTools\Nodejs\node_cache" |
然后再配置环境变量,先配置系统变量
然后再配置用户变量中的 path,之前的值为: C:\Users\Cyan\AppData\Roaming\npm
,将其改为下面的值
# 下载 Git
不多说
# 下载 Hexo
在终端执行命令
npm install hexo-cli --location=global |
如果下载失败,错误信息显示权限不足,那么请使用管理员身份运行 cmd。
下载完成后,使用 hexo -v
查看 hexo 版本
# Github 相关操作
下面操作以我的 Github 为例进行讲解。
# 建立仓库
我的 Github 的昵称是 Cyan-N
,所以要建立一个仓库叫做: Cyan-N.github.io
。后缀名统一,前面必须是账号的昵称。
# 生成 ssh 密钥
随便进入文件夹,然后右键进入 Git Bash Here
,调用命令: ssh-keygen -t rsa -C "邮箱"
,此时不要关闭 Git。然后就会在 C:\Users\Cyan\.ssh
里面生成 id_rsa
和 id_rsa.pub
文件,记事本进入 id_rsa.pub
, ctrl+a,ctrl+c
复制全部指令。
在 Github
中,进入 setting->SSH and GPG keys
创建 SSH Key
, title
随便取,然后在 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 实现个性化博客。
还神起爪子啊,个人赶门去搜一哈(翻译:还愣着干什么,自己马上去搜一下)