🎉建站过程

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 中(免费计划),按照添加教程走,最后得到:
notion image
进入 DNS→Records,可以看到两条 A 记录(啥事 A 记录啊。。):
notion image
刚注册后 A 之前会有两个警告标志,不知道为什么现在没有了。

迁移

TODO

添加到 Vercel

点击左侧 Domains 并添加 arys.top ,添加之后:
notion image
最下面的是 vercel 部署之后自动获取的域名,我们可以先用这个域名作为初期临时访问的途径,看看建站效果。
相比之下,我们新加的域名没有完成初始配置(激活)。对于 www.arys.top ,有一个自动配置,点击后会自动添加配置并生成 SSL 证书。等到变为 Valid Configuration 后,就可以通过这个链接访问网站了。
待 www 配置后,过几分钟原来的域名也出现了 Auto configure,直接点击进行配置。
notion image
配置完成后,就可以通过 arys.top 访问个人网站了🎉🎉🎉
notion image
最后,别忘了在 NotionNext 中添加环境变量。

维护

TODO: 在建好站之后,还需要迁移文章、更改配置,这些都是很繁琐的工作。。。
 
Loading...

© Qiyue Zhang 2026