建站实操

10美元10年：个人网站低成本搭建教程

这不是“建站大师课”。这是我把一个个人站从域名、部署、内容维护、搜索收录到访问统计跑通后的实操复盘。

个人网站低成本搭建教程封面

成品站点可以直接看这里：https://3115099.xyz/。这个站点就是本文的实战案例。

很多人想做个人网站，第一反应是买服务器、买模板、买插件，然后还没开始写内容，钱已经花了一圈。

我这次的思路反过来：先把成本压到最低，只保留真正需要的东西。一个域名，一个 GitHub 仓库，一个 Cloudflare Pages，一个能维护内容的数据源，就够了。

一、先说成本

标题里的“10美元10年”，重点不是保证每个人都能买到同样价格，而是一个思路：找低价后缀，趁注册商活动价，一次性注册多年，把域名成本摊薄。

我这次用的是 .xyz 域名，注册多年后，平均下来很低。空间没有买，服务器没有买，数据库也没有买。网站托管放在 Cloudflare Pages，日常内容用 GitHub 和 Notion 维护。

二、整体方案

域名

用注册商买低价域名，然后把 Nameserver 改到 Cloudflare。Cloudflare 接管 DNS 后，后续解析、HTTPS、缓存和安全策略都在一个地方管。

托管

网站文件放 GitHub，Cloudflare Pages 连接 GitHub 仓库。每次提交代码，Cloudflare 自动部署。

内容

文章先用 HTML 文件维护，项目和常用链接原来用 JSON。后来我又加了 Notion 数据源，这样日常改内容不用重新部署。

三、买域名后先做 DNS

域名买完后，不要急着折腾网站。第一步是把域名交给 Cloudflare 管。

  1. 在 Cloudflare 添加域名。
  2. Cloudflare 会给你两个 Nameserver。
  3. 回到域名注册商后台，把默认 Nameserver 换成 Cloudflare 的。
  4. 等待生效，通常几分钟到几小时。

这个过程里我也遇到过解析检测不出来的情况。命令行查不到，不代表一定错了，有时候只是 DNS 传播还没完成。最稳的做法是看注册商是否保存成功，再回 Cloudflare 点检测。

四、用 GitHub 管网站文件

我创建了一个 GitHub 仓库，把网站文件放进去。这个好处很直接：每次改动都有记录，写错了也能回退。

站点结构大概是这样：

index.html
about.html
articles/
assets/
projects.json
links.json
contacts.json
sitemap.xml
robots.txt

首页负责展示个人介绍、项目、常用链接和文章入口。文章放在 articles 目录。图片、样式和公共脚本放在 assets。

五、Cloudflare Pages 免费部署

Cloudflare Pages 适合这种静态个人站。配置也简单：

  1. 进入 Cloudflare 的 Workers 和 Pages。
  2. 创建 Pages 项目。
  3. 连接 GitHub 仓库。
  4. 构建命令留空。
  5. 输出目录填 /。
  6. 保存并部署。

部署完成后会得到一个 pages.dev 地址。然后再绑定自己的域名，比如我这个站：3115099.xyz。

六、内容维护不要太依赖手写 JSON

一开始我用 projects.json 和 links.json 管内容。优点是简单，缺点也明显：手写 JSON 容易漏逗号，格式一坏，页面就可能读不出来。

后来我接了 Notion 方案。Notion 表格负责维护内容，Cloudflare Function 负责读取 Notion API，前端继续渲染成自己的网站卡片。

这样改项目、改链接、改排序，不需要重新部署。只要改 Notion，网站过一会儿就更新。

七、SEO 这几件事别漏

个人站不是发出去就会被搜到。基础 SEO 还是要做。

  • 每个页面写清楚 title 和 description。
  • 给文章加结构化数据。
  • 准备 sitemap.xml。
  • 准备 robots.txt。
  • 提交 Google Search Console。
  • 提交 Bing Webmaster Tools。

我还加了 llms.txt，方便 AI 搜索和问答工具理解站点内容。这个不一定马上有效，但对 AI 时代的内容站是个好习惯。

八、统计用 Google Analytics

访问统计我最后选了 Google Analytics。之前也试过简单计数器，但它只能看 PV/UV，不够细。

Google Analytics 能看实时访问、来源、页面浏览和设备。网站代码里只需要接入 GA4 的衡量 ID，比如 G-XXXXXXXXXX。

九、这套方案适合谁

如果你想做一个简历站、项目导航站、资源整理站、反诈学习站，或者像我这样做一个 AI 和 Web3 观察入口，这套方案足够用了。

它不适合一上来就做复杂会员系统、支付系统、后台管理系统。但对个人内容站来说，先轻一点，反而更容易长期维护。

十、最后给一个建议

个人网站最重要的不是技术，而是你有没有持续更新的理由。

我做 昱峰之巅，不是为了证明我会建站，而是想把项目观察、工具导航、Web3 入口和反诈学习沉淀下来。社交平台信息流太快，个人网站至少能留下一块自己的地方。

如果你也想做，先别把系统想太大。买个低价域名，开个 GitHub 仓库，接上 Cloudflare Pages，第一版先上线。能被访问，才有后面的优化。