用自己的域名搭建个人网站:从网址到上线再到更新

#数字工坊 共 1,757 字 约 6 分钟

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

网站全景图:GitHub 私有仓库存放底稿,Cloudflare 自动构建和托管,访客通过 www 域名访问

图 1 网站全景:底稿在 GitHub,成品在 Cloudflare,访客通过 www 域名访问。

一、获得网址:先有一个自己的域名

我的域名是在 Cloudflare 注册的,每年续费一次,开了自动续费,也开了 WHOIS 隐私保护,外人查不到注册人的个人信息。

这个主域名另有用途,所以建站时我没有动它,只是新增了一个子域名 www,专门给网站用。这样两边各走各的路,互不干扰。

小建议:如果你的主域名已经在承担别的功能,给网站单独用一个子域名(比如 www 或 blog)是最稳妥的做法。

二、找模板:站在开源社区的肩膀上

AI 时代,GitHub 上已经有大量开源的漂亮网站模板,完全不必从零设计。我给自己定了几条要求:

  • 简洁好看,以文章为主;
  • 中文排版要舒服;
  • 能分栏目,以后还能加一张收益曲线图;
  • 能免费托管在 Cloudflare 上。

按这些标准,我比较了 Retypeset、astro-whono、AstroPaper、Astro Theme Typography、Firefly 五个模板,它们都基于 Astro 框架。最后选了 astro-whono:中文作者制作,左边导航、右边正文,自带宋体和文楷字体,改成我自己的栏目也最顺手。

三、上线网站:几个关键步骤

  1. 按需改造模板:设好「个人认知」「投资框架」等栏目,换上自己的署名,删掉示例文章。
  2. 做好安全处理:模板自带一个写作后台,只在本地写作时使用,线上版本里已经彻底移除;还没有真实数据的页面也先隐藏起来。
  3. 先手动上线:先用”手动上传”的方式部署到 Cloudflare,并绑定 www 域名,让网站尽快能访问。
  4. 把底稿放进 GitHub:新建一个 GitHub 私有仓库,存放网站的全部源文件。
  5. 接通自动部署:在 Cloudflare 新建一个连接 GitHub 的项目,仓库一有更新,它就自动拉取、构建、上线。
  6. 切换域名:把 www 从旧的手动项目切到新的自动项目,旧项目就可以退役了。

踩坑提醒:Workers 还是 Pages?

在 Cloudflare 后台新建项目时,默认建成的是 Workers 而不是 Pages,结果前两次部署都失败了。原因是 Workers 需要一个配置文件来告诉它”只托管静态网页”。在仓库里补上 wrangler.jsonc(指定静态文件目录为 ./dist)之后,部署立刻成功。如果你也遇到”部署命令执行失败”,先看看自己建的是哪一种项目。

网站上线后的首页:左侧是栏目导航,右侧是文章列表

图 2 上线后的首页:左侧栏目导航,右侧文章索引。

四、以后如何更新文章

现在发一篇文章只需要三步:

  1. 把写好的文章交给 AI 助手(文字、Word、笔记链接都可以),说明放进哪个栏目;
  2. AI 助手把它排版成 Markdown 文件,提交到 GitHub 私有仓库;
  3. Cloudflare 检测到更新,自动构建并上线,一两分钟后网站就更新了。

可以把它理解成两份文件:

  • 底稿在 GitHub:每次修改都有记录,随时可以找回旧版本;
  • 成品在 Cloudflare:也就是访客看到的网页。

日常维护也交给了自动巡检:每周检查一次网站是否正常,域名续费等到期事项会提前提醒。

五、这样做的优点

传统方式通常是租一台服务器,自己安装 WordPress 之类的建站程序;或者把文章分散在公众号、博客平台、笔记软件等不同地方。对比一下:

对比项传统方式现在的方式
费用服务器月租 + 域名只付域名年费,托管免费
维护要打补丁、防攻击、做备份没有服务器要管
访问速度取决于单台服务器Cloudflare 全球节点加速
内容归属受平台规则限制普通文本文件,随时可以带走
版本记录通常没有每次修改都有历史,可一键找回
安全性有后台、有数据库,入口多纯静态页面,几乎没有攻击入口
更新方式登录后台手动编辑交给 AI 助手,自己只管写

对我来说,最大的意义是集中:自己的思考终于有了一个独立域名的”家”,不再散落各处,也更像一张个人名片。

如果你也想有一个自己的网站,不妨从注册一个域名开始。