前言

​ 本文旨在提供最经济的个人静态博客搭建方案,整体思路主要是利用Vercel提供的免费服务,再用一个域名,因此整个方案只需要准备购买一个域名即可,无需额外购买服务器,选择国外域名注册商购买域名甚至还可以免去备案步骤,当然也有被gfw的风险,请按实际情况选择。

**声明:本文不提供基础账号注册、仓库创建、git的使用等基础教程,只提供关键操作步骤,不保证0基础可建站。**

实操(以本博客为例)

域名购买

​ 推荐使用Compare Prices of All Top-Level Domains | TLD-List对比各个注册商的价格,首年价格(注册价格)低并不代表续费价格低,请慎重考虑。这个网站提供了最便宜的域名注册商和3年域名最便宜的方案,方便比价。

image-20240311203605443

如上图为例,按个人需求买一个合适的域名

利用Vercel搭建静态博客

鉴于还是有很多人没用过vercel,这里还是按步骤进行一个教程。至于博客搭建,因为框架众多,例如hexoHugoNotion等,这里并不打算做详细教程。

​ 首先,准备好你的静态博客,将你的项目上传至github仓库,像这样

image-20240311205659922

当然你的博客仓库也可以是private,公不公开完全取决于自己的想法。

然后注册一个Vercel账号,将你的github账号绑定到你的Vercel中,然后Add new project,选择你的blog项目。

image-20240311210052584

使用Hexo的话就非常省事了,预设框架中就已经帮你准备好了Hexo,改个适合的项目名,点击部署即可

image-20240311210346358

可以看到这里开始直接部署你的项目了

image-20240311210413982

几分钟就可以完成部署

image-20240311210434357

然后Continue to Dashboard,点击右上角的Domains将你的博客绑定到你的域名上。

image-20240311210508420

现在上面输入你希望绑定到的域名地址,例如我希望是用www.zackmount.blog,直接添加。

image-20240311211010208

这个时候打开你购买域名的管理页面,这里以porkbun为例,编辑DNS Records,添加CNAME规则,answer为Vercel指定的cname,如下所示

image-20240311211457460

然后再到你的vercel管理面板查看,稍微等一会等待刷新,即可完成绑定

image-20240311211543204

到这里来说已经完成了建站的全部工作,现在可以开始使用域名去访问博客了。但是如果你想更进一步,使用域名进行邮件收发、优化网页速度等,可以尝试使用CloudFlare托管。