Vercel部署Hexo

去年的时候,我弄过Hexo,但很快放弃了。很大的原因就是Hexo生成的杂文件太多了。

hexo会生成年份为名的文件夹,然后里面再生成月份为名的文件夹,里面再生成日为名的文件夹,再生成以Markdown文件为名的文件夹,里面再放一个index.html。

而archive里面呢,也是如此。这就会造成文件贼多的情况,难以部署。

于是我就这样放弃了Hexo,开虚拟主机投向了Typecho。

但没多久虚机服务商跑路了

于是我又投入了静态博客的怀抱。

但hexo实在是受不了了,咋整呢》》》》?

于是,Typora+HTML进入了我的视野,用了近半年。但我现在又决定回归hexo了。

因为我发现了一种十分美好的Hexo解决方案:Vercel。


注册Vercel

首先,你需要一个GitHub账号,并登录。

然后,进入vercel.com,点击中间的黑色“Get Start”按钮,新页面中选择GitHub黑色按钮。

然后,GitHub会弹出一个页面,点击绿色按钮。

再然后,应该会弹出一个安装Vercel的GitHub插件的页面,点击绿色按钮(这个页面可能会出现的晚一些)。

如果没听明白,上网上找Vercel注册的文章吧。注册完了记得回来,下面的教程跟网上大多数教程不太一样。

新建项目

注册完成并登陆后,在 https://vercel.com/dashboard 点击黑色的“New Project”按钮,弹出的窗口右边有一栏框架,点击灰色的更多“More”链接。

点击新页面中的Hexo卡片(在第11个),会弹出一个新页面。

新页面中,如果是填写项目名的,除了项目名(项目名可以自己改),什么也别动。如果是新建Repo的,自己填写即可。

然后,vercel会做好下面的一切事情,等待一会儿,就会有一个撒花的特效。,点击“Visit”按钮,就能访问了。

以后的更改都会在GitHub中进行。你在GitHub中更改或上传,vercel就会自动部署。

然后,值得一提的是,GitHub上传多个文件,需要在文件管理器中选择上传的文件,拖入GitHub上传框才能上传。

如果逆向在本地预览,就在电脑上全局安装Hexo-cli:

cnpm install -g hexo-cli

然后如果要更新,clone再push即可:

# 更改时:
git clone github.com/adkinsmpage/hexo-blog
# github.com/adkinsmpage/hexo-blog 换成你的GitHub仓库地址

# 改完了上传时:
git push

另外,你自己新建md文件时,要传到/source/_post文件夹里,并在开头写上这样的语句:

---
title: 你的文章标题
date: 新建文章的日期
---

注意:后面有一个空格。

然后,这样就很方便的用hexo了。

创建于 2021-07-25