1.介绍
Demo : https://nav.eeen.ue.cc/
2.部署
第一步：注册登录Cloudflare账号
Cloudflare官网：https://dash.cloudflare.com
第二步：Fork CloudNav 开源项目
前往官方仓库 https://github.com/sese972010/CloudNav- 。点击页面右上角的 “Fork” 按钮，将该项目完整复制到你自己的 GitHub 账号下。这是你进行后续操作的基础。
第三步，新建KV命名空间
打开 CloudFlare主页，点击左侧的 “存储和数据库”，然后点击 “Workers KV”，点击 “Create Instance” 新建KV命名空间。
命名为：CLOUDNAV_DB
其他什么都不用填
第四步：创建 Pages 应用
登录 Cloudflare Dashboard -> Workers & Pages -> 创建应用程序 -> Pages -> 连接到 Git -> 选择 CloudNav。
- 框架预设: 无 (None)
- 构建命令: npm run build
- 输出目录: dist
第五步：绑定变量
- 进入 Pages 项目设置 -> 绑定 (Bindings) -> 添加 KV 命名空间 -> 变量名填 CLOUDNAV_KV，值选择刚才创建的 CLOUDNAV_DB。
- 进入 环境变量 (Environment variables) -> 添加变量 PASSWORD，值为您的访问密码。
第六步：重新部署
到此部署完成，绑定自定义域名即可访问。
3.进阶优化
如需进阶优化，可查看 Cloudflare+Pages+KV 部署个人导航网站（CloudNav），进阶调整优化 这篇文章。
评论 (0)