使用 Vercel 自动部署 Hexo

如果你还没有初始化 Hexo, 快来看看这篇文章!
使用 Hexo 搭建静态博客
https://blog.ltya.top/posts/how-to-initialize-hexo.shtml

准备

  • Git
  • Github and Vercel Account

准备程序文件

进入你之前初始化 Hexo 的文件夹,就是 init 的那个,听不懂的我也没办法教(
之后把你所有想要的,比如主题文件啥的都给弄好,不然之后可能会很麻烦。

你说怎么安装主题?
现在的主题文档一般都写得很清楚,如果他不是让你下载主题文件,丢到 themes 文件夹里,那么你可以看下一步了。

创建个人访问令牌

https://github.com/settings/tokens
标记和到期时间自己选啦,反正只用一次,用完就可以删了
权限直接勾选 repo,然后生成令牌,复制保存好,最好扔记事本(
创建令牌

创建 Github 仓库

https://github.com/new
填写仓库名和介绍(非必填),推荐选择私有仓库(Private),然后就可以直接创建。

设置 Git 身份标识

如果你的 Git 是全新的,运行:

1
2
git config --global user.email "you@example.com"
git config --global user.name "Your Name"

引号内容第1个是邮箱,第2个是名字,虽然我不知道有什么用,但是我推荐和 Github 一致。

推送到仓库

新建的仓库里面会有相关指令,这里是例子:
推送指令例子
回到终端输入

1
2
3
4
5
6
git init
git add .
git commit -m "随便写"
git branch -M 分支名称
git remote add origin git地址
git push -u origin 分支名称

推送要能访问 Github, 请注意网络情况
执行最后一条命令时,会要求你输入用户名和密码
这里的密码用的就是之前复制的令牌哦
也不要怀疑自己没有输上去,这里是不可见的(
推送成功示例
之后回到你的仓库,刷新一下就好啦,Hexo 程序就弄到 Github 了。

自动部署

新建一个项目
https://vercel.com/new
连接 Github,然后你就能看到你的仓库了
你也可以看到仓库图标已经识别出 Hexo 了
GH仓库
点击导入(Import),然后点击部署(Deploy),等一会你的网站就搭建完啦
在 Settings - Domains 里可以自定义域名哦

后记

之后要写文章的话就在 Github 仓库 source/_posts/ 新建md文件
如果要创建页面的话就在 source 里新建文件夹,在文件夹里面新建 index.md
你说 Github 怎么创建文件夹?
比如我要建一个 关于 页面
创建新文件,输入文件名时,输入一个斜杠的时候,就是 /,你就会发现你之前输的文件名变成了一个目录。
比如说我在仓库主页新建一个文件,那么文件名应该是
source/about/index.md
你学废了吗?


使用 Vercel 自动部署 Hexo
https://blog.ltya.top/posts/Automatically-deploy-Hexo-in-Vercel.shtml
作者
岚天呀
发布于
2022-7-24
更新于
2022-8-16
许可协议