type
Post
status
Published
date
Jan 23, 2026
slug
summary
自学编程开发的第一个项目，用AI把想法变成现实
tags
开发
category
技术分享
icon
password
📌 标题
0基础自学编程？我是如何靠AI一周开发出“全平台书签同步神器”的📝 标签
#AI编程 #GLM-4.7 #开源项目 #独立开发 #全栈实践 #浏览器扩展 #书签同步🎯 核心摘要
从一个想法到落地产品，我利用业余时间，配合智谱 GLM-4.7，仅用一周时间开发了一款浏览器扩展与导航网页。不论在家还是公司，手机还是电脑，你的收藏夹永远随身而行。项目已开源，欢迎体验！
🌊 站在AI的浪潮上：程序员的新门槛变了？
我一直有一个想法：能不能做一个好用的导航页，不仅能自定义，还能真正打通“浏览器收藏”与“云端数据库”的壁垒？无论我在公司的电脑上、家里的MacBook，还是躺在沙发上刷手机，只要点击收藏，所有设备都能实时同步。
作为一个利用业余时间自学编程的新手，放在以前，这个想法可能仅仅停留在“想一想”的阶段。搭建后端、开发前端、写浏览器插件、调试API接口……每一项都是巨大的工程。
但在这个AI爆发的时代，我决定做点不一样的——我不再是一个人在战斗，我和AI 一起编程。
🤝 一个人+一个AI：一周的开发实录
我的“结对编程”伙伴是 智谱 GLM-4.7。
整个过程与其说我在“写代码”，不如说我在“做产品经理兼调试员”。我负责描述需求、理清逻辑、检查Bug，而繁重的代码编写工作则由 GLM-4.7 协助完成：
- 需求拆解：
“我需要一个浏览器插件，当用户点击按钮时，获取当前页面URL和标题，并发送给后台。” → GLM-4.7 给出了清晰的 Manifest V3 配置和 JS 逻辑。
- 数据库对接：
“设计一个简单的数据库结构，存储用户的收藏链接，并支持跨平台读取。” → 我们很快确立了数据流转方案。
- 前端导航页：
“做一个极简、美观的导航网页，不仅显示书签，还要有搜索功能。”
历经 一周的修改与调试，无数次的
报错 -> 询问AI -> 修正代码 -> 成功运行，我的第一个项目终于跑通了！这种看着想法变成现实的成就感，无与伦比。💡 关于我的项目：Nav-Website
这个项目不仅仅是一个练习，它是一个真正可用的工具。
🔧 核心架构
组件 | 功能说明 |
浏览器扩展 | 极简设计，嵌入浏览器工具栏；一键抓取当前网页信息，无感知上传。 |
导航网页 | 个人门户，所有收藏一目了然；支持网格布局，清爽高效。 |
云端数据库 | 打破设备限制；公司Chrome收藏的文档，回家iPad打开导航页即刻同步；数据永留存。 |
👉 开源仓库地址
⭐️ Star 欢迎点亮！ | 🐛 Bug 欢迎提交！ | 💡 建议欢迎 PR！
🎯 为什么你应该看看这个项目？
👨💻 对于使用者
- 厌倦了书签管理器的繁琐？
- 需要频繁在不同设备间切换工作？→ 这是一个轻量级、跨平台的解决方案。
👩🎓 对于自学者
- 全栈项目实战案例：涵盖前端开发、后端API、数据库交互、浏览器插件开发。
- AI 辅助开发实践：学习如何利用 AI 快速构建 MVP（最小可行性产品）。
- 代码结构清晰：适合拿来研究学习。
🔛 结语
这个项目是我自学编程路上的第一座里程碑，也是 AI 辅助开发能力的有力证明。代码或许带着新手的一点点稚嫩，但它的功能是实实在在的。
我们在AI时代，每个人都可以是创造者。
✨ Let's code with AI! ✨
📌 附：项目关键信息（可创建 Notion 数据库关联）
字段 | 内容 |
项目名称 | Nav-Website |
技术栈 | GLM-4.7 + JavaScript + HTML + CSS + 云数据库 |
开发周期 | 1周（业余时间） |
开源地址 | |
演示视频 | [（可选：添加B站/YouTube演示链接）] |
适用场景 | 个人书签同步 / 多设备工作流 / 开发者工具链 |
✅ Notion 使用建议
- 创建项目数据库：
- 在 Notion 中新建数据库，字段包括：
项目名称、技术栈、开发周期、开源链接、状态（进行中/已完成）等。 - 将此博客文章关联到数据库，作为项目文档之一。
- 嵌入外部资源：
- 在 Notion 中直接嵌入 GitHub 仓库链接：
/embed+ 粘贴 GitHub URL。 - 添加项目截图/GIF演示（使用
/media上传）。
- 公开分享链接：
- 点击右上角
Share→Public link→ 复制链接，方便社区访问。
- 添加协作标签：
- 用
#贡献者#技术讨论等标签分类不同内容模块。
- 作者:笑笑
- 链接:一个NotionNext搭建的个人小站/article/2f186419-ddfe-807c-afb8-c4fa471a18ca
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。