🎉建站过程
status
Published
type
Post
date
May 5, 2026
slug
website-building
summary
本网站的诞生~
tags
category
技术分享
icon
password
这篇文章记录了本网站的诞生过程,从 arys.top 开始,我会构建出一个怎样的世界呢
记录一下我使用 NotionNext + vercel 建站的过程。在此过程中接触到大量的网络新知识,一时难以完全掌握。因此在这篇文章中记录所有的过程,方便后续查看、修改。
建站
我使用 vercel 部署,主要参考教程 Vercel部署NotionNext,基本上就是 fork 仓库,vercel deploy。没踩什么坑。vercel 部署比较方便,之后可以考虑买一个 VPS 既供上网也供个人主页,一机两用。
域名
这是建站初期主要折腾的点。
购买
我从 NameSilo 上花 $1 买了一个域名
arys.top(一年期),之后的续费是 $4.88/year,个人还是比较喜欢这个域名的,价格也比较便宜。解析
接下来是域名解析,我选择交给 CloudFlare 托管。我发现 cf 的网站好像不能挂梯子访问,或许是我的梯子质量原因,挂梯子访问任何
cloudflare.com 后缀网站都会返回空,所以我加了一条直连规则。然后是注册 cf 账号,将
arys.top 添加到 domains 中(免费计划),按照添加教程走,最后得到:
进入 DNS→Records,可以看到两条 A 记录(啥事 A 记录啊。。):

刚注册后 A 之前会有两个警告标志,不知道为什么现在没有了。
迁移
TODO
添加到 Vercel
点击左侧 Domains 并添加
arys.top ,添加之后:
最下面的是 vercel 部署之后自动获取的域名,我们可以先用这个域名作为初期临时访问的途径,看看建站效果。
相比之下,我们新加的域名没有完成初始配置(激活)。对于
www.arys.top ,有一个自动配置,点击后会自动添加配置并生成 SSL 证书。等到变为 Valid Configuration 后,就可以通过这个链接访问网站了。待 www 配置后,过几分钟原来的域名也出现了 Auto configure,直接点击进行配置。

配置完成后,就可以通过
arys.top 访问个人网站了🎉🎉🎉
最后,别忘了在 NotionNext 中添加环境变量。
维护
TODO: 在建好站之后,还需要迁移文章、更改配置,这些都是很繁琐的工作。。。
Loading...