用自己的域名搭建个人网站:从网址到上线再到更新
一直想有一个属于自己的地方,把零散的思考集中起来。以前总觉得建网站要租服务器、学运维,门槛不低。这次借助 AI 助手,从拿到网址到网站上线,再到能随手更新文章,整个过程比想象中顺利得多。这篇文章把过程完整记录下来,也算是「数字工坊」栏目的第一篇。

图 1 网站全景:底稿在 GitHub,成品在 Cloudflare,访客通过 www 域名访问。
一、获得网址:先有一个自己的域名
我的域名是在 Cloudflare 注册的,每年续费一次,开了自动续费,也开了 WHOIS 隐私保护,外人查不到注册人的个人信息。
这个主域名另有用途,所以建站时我没有动它,只是新增了一个子域名 www,专门给网站用。这样两边各走各的路,互不干扰。
小建议:如果你的主域名已经在承担别的功能,给网站单独用一个子域名(比如
www或blog)是最稳妥的做法。
二、找模板:站在开源社区的肩膀上
AI 时代,GitHub 上已经有大量开源的漂亮网站模板,完全不必从零设计。我给自己定了几条要求:
- 简洁好看,以文章为主;
- 中文排版要舒服;
- 能分栏目,以后还能加一张收益曲线图;
- 能免费托管在 Cloudflare 上。
按这些标准,我比较了 Retypeset、astro-whono、AstroPaper、Astro Theme Typography、Firefly 五个模板,它们都基于 Astro 框架。最后选了 astro-whono:中文作者制作,左边导航、右边正文,自带宋体和文楷字体,改成我自己的栏目也最顺手。
三、上线网站:几个关键步骤
- 按需改造模板:设好「个人认知」「投资框架」等栏目,换上自己的署名,删掉示例文章。
- 做好安全处理:模板自带一个写作后台,只在本地写作时使用,线上版本里已经彻底移除;还没有真实数据的页面也先隐藏起来。
- 先手动上线:先用”手动上传”的方式部署到 Cloudflare,并绑定
www域名,让网站尽快能访问。 - 把底稿放进 GitHub:新建一个 GitHub 私有仓库,存放网站的全部源文件。
- 接通自动部署:在 Cloudflare 新建一个连接 GitHub 的项目,仓库一有更新,它就自动拉取、构建、上线。
- 切换域名:把
www从旧的手动项目切到新的自动项目,旧项目就可以退役了。
踩坑提醒:Workers 还是 Pages?
在 Cloudflare 后台新建项目时,默认建成的是 Workers 而不是 Pages,结果前两次部署都失败了。原因是 Workers 需要一个配置文件来告诉它”只托管静态网页”。在仓库里补上 wrangler.jsonc(指定静态文件目录为 ./dist)之后,部署立刻成功。如果你也遇到”部署命令执行失败”,先看看自己建的是哪一种项目。

图 2 上线后的首页:左侧栏目导航,右侧文章索引。
四、以后如何更新文章
现在发一篇文章只需要三步:
- 把写好的文章交给 AI 助手(文字、Word、笔记链接都可以),说明放进哪个栏目;
- AI 助手把它排版成 Markdown 文件,提交到 GitHub 私有仓库;
- Cloudflare 检测到更新,自动构建并上线,一两分钟后网站就更新了。
可以把它理解成两份文件:
- 底稿在 GitHub:每次修改都有记录,随时可以找回旧版本;
- 成品在 Cloudflare:也就是访客看到的网页。
日常维护也交给了自动巡检:每周检查一次网站是否正常,域名续费等到期事项会提前提醒。
五、这样做的优点
传统方式通常是租一台服务器,自己安装 WordPress 之类的建站程序;或者把文章分散在公众号、博客平台、笔记软件等不同地方。对比一下:
| 对比项 | 传统方式 | 现在的方式 |
|---|---|---|
| 费用 | 服务器月租 + 域名 | 只付域名年费,托管免费 |
| 维护 | 要打补丁、防攻击、做备份 | 没有服务器要管 |
| 访问速度 | 取决于单台服务器 | Cloudflare 全球节点加速 |
| 内容归属 | 受平台规则限制 | 普通文本文件,随时可以带走 |
| 版本记录 | 通常没有 | 每次修改都有历史,可一键找回 |
| 安全性 | 有后台、有数据库,入口多 | 纯静态页面,几乎没有攻击入口 |
| 更新方式 | 登录后台手动编辑 | 交给 AI 助手,自己只管写 |
对我来说,最大的意义是集中:自己的思考终于有了一个独立域名的”家”,不再散落各处,也更像一张个人名片。
如果你也想有一个自己的网站,不妨从注册一个域名开始。