在日常的主机玩耍或网络冲浪中,一个高效、好看的个人导航页不仅能提升效率,还能完美聚合我们的常用工具。今天为大家分享如何利用 Cloudflare Workers 的免费额度,零成本部署一个基于纯 HTML 开发的个人网址导航站。

该项目完全开源、轻量小巧,且视觉体验极佳。得益于 Cloudflare Workers 每日提供的高达 10 万次免费请求额度,这对于个人私有导航站来说完全绰绰有余。


核心优势

  • 完全免费:利用 Cloudflare 边缘计算全球网络,无需购买服务器与高级托管服务。
  • 极致轻量:纯 HTML/CSS/JS 开发,秒级加载,无后端数据库负担。
  • 高可用性:基于全球 CDN 节点,提供极佳的响应速度与全天候稳定性。

准备工作与源码下载

在开始部署前,请先下载开源项目源码并准备好 Cloudflare 账户:

  1. 获取源码
  2. 注册/登录平台

部署步骤

  1. 创建 Workers 项目
    • 登录 Cloudflare 后,在左侧导航栏选择 Compute (计算) > Workers & Pages (Workers 和 Pages)
    • 点击 Create Application (创建应用程序),随后选择 Create Worker (创建 Worker)
  2. 上传项目源码
    • 将此前下载的压缩包直接上传至创建好的 Workers 项目中(支持直接整包上传)。
    • 确认文件解析成功后,点击发布。
  3. 绑定自定义域名(可选)
    • 部署完成后,Cloudflare 会默认分配一个 *.workers.dev 的子域名。
    • 如需更专业的体验,可在项目的 Triggers (触发器) 选项中,绑定您在 Cloudflare 托管的个人独立域名。

二次开发与个性化定制

该导航站结构非常直观,如需修改内容,只需解压源码并在本地编辑对应文件,修改完成后重新上传发布即可:

  • 修改导航链接:编辑根目录下的 index.html 文件,搜索对应的标签与链接进行替换。
  • 修改“关于”页面:编辑 about 文件夹下的 index.html 页面,自定义您的个人简介或站点说明。