Vercel加Github Pages快速搭建博客

由于需要搭建自己的博客，为了节省自己的时间，可以快速搭建属于自己的专属博客，我根据Haukeng大佬的推荐和全程指导，选择了HEXO框架，通过把博客放在GitHub上然后用Vercel提供的服务实现私人博客，最后通过Vercel的域名配置搭配上我的专属域名。

安装 Environment 以及 Theme

安装 Nodejs

$ scoop install nodejs

前往 NodeJs 下载并安装

$ dnf module install nodejs

安装Hexo

1	npm install hexo-cli -g

安装主题(butterfly)

mkdir blog && cd blog
git init
hexo init
git submodule add https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
hexo g

然后在博客根目录运行hexo s即可开始在本地运行本地服务端

和以往一样，PUSH到Github仓库即可。
该仓库不一定命名为username.github.io，该命名同时不支持设置该仓库为 Private 。我选择新建一个仓库命名为Blog

1
2
3

git branch -M main
git remote add origin https://github.com/username/Blog.git
git push -u origin main

Vercel http://vercel.com/

Vercel 可以通过GitHub 快速登陆，然后在Vercel 进行Import，引入Blog仓库。

恭喜你，你的博客现在已经由Vercel提供SaaS在云端运行了，其地址在Vercel是可见的。

无论你通过哪种方式购买了域名，可以在提供商提供的服务里添加域名解析，包括CNAME解析和A解析等等。其差异可以通过冲浪查询。

我用的是A解析，并且主机名设置为blog。

接下来通过Vercel进行对你的项目Edit，选择配置Domain，可以找到Vercel提供的IP地址，复制并回到域名服务商，继续进行配置解析。

在域名提供商填入上一步获得的IP并保存。

让我们返回到Vercel，添加域名为 [主机名].[域名]，并等待1~2分钟，正常情况下你的域名会被正确解析到Vercel。

现在你已经可以通过访问 http://[主机名].[域名] 访问你的博客了。等待10~15分钟，过程中Vercel会帮你配置SSL，等待配置完成你的博客地址会走HTTPS协议，新的访问地址是 https://[主机名].[域名]。

恭喜你现在有了你的博客！