写在前面

本站已迁移至 Vercel 页面托管服务，博客链接更新为 blog.im0o.top。

什么是 Vercel

Vercel 类似于 github page，但远比 github page 强大，速度也快得多得多，而且将 Github 授权给 Vercel 后，可以达到最优雅的发布体验，只需将代码轻轻一推，项目就自动更新部署了。

这意味着，你无需配置繁琐的 Github Actions，只需要将代码推送至你的仓库（可以是私有的），Vercel 会自动克隆代码并按照设定的方式部署。

什么是 Hexo

Hexo 是一个基于 Node.js 的博客框架，它可以轻松地创建博客，并且支持 Markdown 语法。

准备工作

在开始部署之前，需要先安装 Node.js、Git、yarn(如果需要)、hexo，并且拥有一个有效的 Github 账户。

如果你使用的是 Windows 系统，需要安装 Git for Windows。

安装 Node.js

你可以通过以下方式安装 Node.js：

官方安装方式

直接下载安装 Node.js。
使用 scoop 包管理器安装 Node.js

如果你使用 scoop 包管理器，需要先安装 scoop 包管理器，然后在命令行中执行 scoop install nodejs 命令即可。
使用其他包管理器安装 Node.js

安装 Hexo

你可以参考文档 | Hexo 中的步骤进行安装。

使用以下指令，即可通过 Yarn 包管理，进行全局安装 hexo 脚手架。

# Yarn
yarn global add hexo-cli
# Npm
npm install hexo-cli -g

以下为安装日志，安装成功后使用 hexo -v 即可查看安装好的 hexo-cli 的版本。

PS ->yarn global add hexo-cli
yarn global v1.22.17
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...

success Installed "hexo-cli@4.3.0" with binaries:
      - hexo
Done in 11.01s.

PS ->hexo -v
hexo-cli: 4.3.0
os: win32 10.0.19041
node: 16.13.0
v8: 9.4.146.19-node.13
uv: 1.42.0
zlib: 1.2.11
brotli: 1.0.9
ares: 1.17.2
modules: 93
nghttp2: 1.45.1
napi: 8
llhttp: 6.0.4
openssl: 1.1.1l+quic
cldr: 39.0
icu: 69.1
tz: 2021a
unicode: 13.0
ngtcp2: 0.1.0-DEV
nghttp3: 0.1.0-DEV

初始化 Hexo 项目

新建一个文件夹，用于存放你 Hexo 博客的所有内容。

输入以下指令，初始化该文件夹为一个 Hexo 博客项目。

首先使用 git init 将其初始化为一个 Git 项目，便于后续上传到仓库进行自动构建。

1 2	PS > git init PS > hexo init

你可以使用指令 hexo s 或 hexo server 在本地运行你的博客，默认地址为 localhost:4000 ，用浏览器打开即可看到你的博客，与一篇默认的 Hello World 文章。

本篇的重点不在搭建 Hexo 博客上，与本地的 Hexo 有关内容到此结束

新建 Github 仓库

新建一个 Github 仓库，用于存放博客源码，这个仓库可以是私有（Private）的，也可以是公开（public）的。

将本地博客 push 到你刚刚新建的 Github 仓库中。

PS > git add .
PS > git commit -m "first commit"
PS > git branch -M main
PS > git remote add origin https://github.com/你的仓库地址.git
PS > git push -u origin main