🌊 【Share】Beginner Uses AI for Navigation Station Deployed on Cloudflare Completely Free

[Wade]

前言

大家好！我是一个编程小白，最近在 AI 的帮助下完成了一个个人导航站项目，第一次尝试分享给大家，各位大佬手下留情

项目简介

一个基于卡片式布局的现代化导航站点，采用磨砂玻璃（Glassmorphism）设计风格，完全部署在 Cloudflare 免费服务上。

主要特性

• 磨砂玻璃效果 - 现代化的 Glassmorphism 设计
• 响应式布局 - 完美适配各种设备
• 实时搜索 - 快速查找站点
• 分类管理 - 多级分类组织导航
• Logo 自动获取 - 支持 Google / toolb.cn 双源 API 一键获取
• 后台管理 - 完整的增删改查功能
• 一键部署 - GitHub Actions 自动部署

技术栈

• Cloudflare Workers - 无服务器后端
• Cloudflare D1 - SQLite 边缘数据库
• Cloudflare KV - 键值存储（图片）
• 原生 JavaScript - 无框架依赖

部署方式

1. Fork 仓库
2. 配置 4 个 GitHub Secrets（API Token、Account ID、D1 ID、KV ID）
3. 运行 Initialize Database 初始化数据库（仅首次）
4. 运行 Deploy to Cloudflare 部署

默认管理密码：admin123

项目地址

GitHub：GitHub - debbide/nav-dashboard

写在最后

第一次用 AI 辅助做项目，从零到完成大概花了几天时间。过程中踩了不少坑，但也学到了很多。

代码可能还有很多不完善的地方，欢迎大家提 Issue ,也欢迎 Star

如果有什么问题可以在评论区交流，我看到会尽量回复~

[James]

Give a thumbs up Already Starred

[azhaoyihao]

This is good Fantastic!

[Arvin_Leung]

This is pretty good :\nxhj16:

Thanks for sharing.

[Wade]

Thank you for your support

[kof97zip]

大佬牛逼

[kinghost]

It looks good, let me support it

[jzhfg (金子会发光)]

Very清爽的导航, thank you for sharing

[Affection (因为爱~)]

Little White Becomes a Big Shot

[mamouren (LaoMa)]

Suggest the OP change the domain name to something like AIGC.GS, which is simpler and more fitting for an AI navigation station. It’s also cheaper, with affordable renewal fees. I’m currently selling it, so feel free to inquire

Mibiao: https://miuu.top

[creminjess (cmjss)]

Wow, impressive!

[lbj]

Great, liked it

[beteC]

Like Support

[danielzi]

There was also a share navigation yesterday, why are everyone making navigations?

[hahax (哈基米)]

Like Support

[kproton]

Like Support

[luscious91]

This page is very nice.

[trial]

Not bad, keep it up

[ljfwmg]

This is great, mark it down