[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-1522":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":15,"starSnapshotCount":15,"syncStatus":28,"lastSyncTime":29,"discoverSource":30},1522,"qiaomu-blog-opensource","joeseesun\u002Fqiaomu-blog-opensource","joeseesun","Open-source Cloudflare blog template based on OpenNext, Next.js 16, D1, and R2",null,"TypeScript",241,107,205,11,0,3,6,27,9,6.1,"MIT License",false,"main",[],"2026-06-12 02:00:29","# Qiaomu Blog Open Source\n\n[![Deploy to Cloudflare](https:\u002F\u002Fdeploy.workers.cloudflare.com\u002Fbutton)](https:\u002F\u002Fdeploy.workers.cloudflare.com\u002F?url=https:\u002F\u002Fgithub.com\u002Fjoeseesun\u002Fqiaomu-blog-opensource)\n[![Use this template](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FGitHub-Use%20this%20template-111111?logo=github)](https:\u002F\u002Fgithub.com\u002Fjoeseesun\u002Fqiaomu-blog-opensource\u002Fgenerate)\n\n如果你也想拥有一个真正属于自己的学习、写作、分享阵地，而不是把内容完全寄托在平台算法上，这个项目就是为此做的。\n\nQiaomu Blog Open Source 不是一个只会渲染 Markdown 的静态模板，而是一套完整的博客系统：前后台双编辑器、AI 写作辅助、AI 生图、主题系统、全文检索、API Token、外部发布生态都已经接好，目标就是让你更容易持续写下去。\n\n- 在线示例：\u003Chttps:\u002F\u002Fblog.qiaomu.ai\u002F>\n- 介绍文章：\u003Chttps:\u002F\u002Fblog.qiaomu.ai\u002Fqiaomu-blog-opensource>\n- 当前仓库：\u003Chttps:\u002F\u002Fgithub.com\u002Fjoeseesun\u002Fqiaomu-blog-opensource>\n\n## 为什么值得做成自己的站\n\n- 自媒体账号可能被封，平台流量也可能波动，但自己的站点不会\n- 写作系统应该足够轻，打开就能写，而不是被后台流程打断\n- AI 最该服务的是摘要、标签、封面、slug、生图这些重复工作\n- 博客不该只是展示页，还应该是你的长期知识资产\n\n## 你会得到什么\n\n- 前台、后台都能编辑，所见即所得，接近飞书 \u002F Notion 的写作体验\n- 四套首页主题，移动端友好，开箱即用\n- Bubble Menu + Ask AI，选中文本就能改写、润色、扩写、翻译\n- AI 自动处理摘要、标签、SEO slug、封面图\n- AI 生图模型和模板配置、最近生成记录、插入和替换工作流\n- 图片右键菜单：下载、设为封面、对齐、裁剪、参考生图\n- 发布状态：公开、草稿、密码访问、链接访问\n- 默认初始化配置：主题、导航、字体、AI 文本模型模板、AI 生图模型模板\n- Cloudflare Workers + D1 + R2 部署，不需要自己维护服务器和 CDN\n\n## 截图预览\n\n### 四套首页主题\n\n![四套首页主题](docs\u002Fscreenshots\u002Fhome-themes.webp)\n\n### 编辑器与所见即所得写作\n\n![编辑器总览](docs\u002Fscreenshots\u002Feditor-overview.webp)\n\n### Ask AI \u002F Bubble Menu\n\n![Ask AI](docs\u002Fscreenshots\u002Fask-ai.png)\n\n### 后台设置与主题、代码、API Token 管理\n\n![后台设置](docs\u002Fscreenshots\u002Fadmin-settings.webp)\n\n### 多种发布状态\n\n![发布状态](docs\u002Fscreenshots\u002Fpublish-states.png)\n\n### AI 模型与生图配置\n\n![图片模型配置](docs\u002Fscreenshots\u002Fimage-provider.png)\n\n## 配套生态也一起开源了\n\n这个仓库不只开源博客主站，也把外部发布工具一起放进来了。你可以把“写作入口”放在最顺手的地方，但最终都回到同一个博客后台。\n\n- [`ecosystem\u002Fchrome-clipper`](ecosystem\u002Fchrome-clipper\u002FREADME.md)：浏览器网页剪藏，直接进入博客草稿箱\n- [`ecosystem\u002Fobsidian-publisher`](ecosystem\u002Fobsidian-publisher\u002FREADME.md)：从 Obsidian 一键发布到博客\n- [`ecosystem\u002Fqiaomu-blog-publish-skill`](ecosystem\u002Fqiaomu-blog-publish-skill\u002FREADME.md)：通过 Claude Skill \u002F 命令工作流直接发布\n- [`ecosystem\u002FREADME.md`](ecosystem\u002FREADME.md)：生态工具总览\n\n## 一键部署到 Cloudflare\n\n直接点击上面的 `Deploy to Cloudflare` 按钮即可。\n\n这个模板已经补好了适合 Deploy Button 的配置：\n\n- Cloudflare 会读取仓库里的 Worker 配置\n- 自动创建需要的 `D1` \u002F `R2` 绑定\n- 使用仓库里的自定义 deploy script\n- 部署时自动应用数据库 schema 和模板默认配置\n\n部署时建议准备这些值：\n\n- `NEXT_PUBLIC_SITE_URL`\n- `ADMIN_PASSWORD`\n- `ADMIN_TOKEN_SALT`\n- `AI_CONFIG_ENCRYPTION_SECRET`\n- `AI_API_KEY`（可选）\n\n如果你更想手动掌控 Cloudflare 资源，也可以走 CLI：\n\n```bash\nnpm install\ncp .env.example .env.local\nnpx wrangler login\nnpm run cf:init -- --site-url=https:\u002F\u002Fyour-domain.com\nnpm run build\nnpm run deploy\n```\n\n## 本地开发\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fjoeseesun\u002Fqiaomu-blog-opensource.git\ncd qiaomu-blog-opensource\nnpm install\ncp .env.example .env.local\nnpm run dev\n```\n\n常用入口：\n\n- 首页：`\u002F`\n- 后台：`\u002Fadmin`\n- 编辑器：`\u002Feditor`\n\n如果你要在 Worker 运行时本地预览：\n\n```bash\nnpm run preview\n```\n\n## 默认初始化内容\n\n首次初始化后，模板会自动带上这些基础能力：\n\n- 默认导航\n- 默认主题与字体\n- 默认分类\n- AI 文本模型配置模板\n- AI 生图模型配置模板\n- 文章摘要、标签、slug、封面生成器\n- 编辑器 Ask AI 预设动作\n\n所有 API Key 都不会进入仓库，首次部署时通过 Cloudflare secret 或后台配置补齐。\n\n## 技术栈\n\n- Next.js 16\n- React 19\n- TypeScript\n- OpenNext for Cloudflare\n- Cloudflare Workers\n- Cloudflare D1\n- Cloudflare R2\n- Novel \u002F Tiptap\n\n## 常用命令\n\n| 命令 | 说明 |\n| --- | --- |\n| `npm run dev` | Next.js 本地开发 |\n| `npm run build` | 构建应用 |\n| `npm run verify:quick` | 跑 lint、test、build |\n| `npm run verify` | 跑完整验证链路 |\n| `npm run cf:init` | 初始化 Cloudflare 资源和模板默认设置 |\n| `npm run preview` | Worker 运行时预览 |\n| `npm run deploy` | 部署到 Cloudflare Workers |\n\n## 作者\n\n- 向阳乔木\n- GitHub：\u003Chttps:\u002F\u002Fgithub.com\u002Fjoeseesun>\n- X \u002F Twitter：\u003Chttps:\u002F\u002Fx.com\u002Fvista8>\n- Blog：\u003Chttps:\u002F\u002Fblog.qiaomu.ai\u002F>\n","Qiaomu Blog Open Source 是一个基于 Cloudflare 的开源博客模板，采用 Next.js 16、D1 和 R2 技术构建。该项目提供了一套完整的博客系统，包括前后台双编辑器、AI 写作辅助、AI 生图、主题系统和全文检索等功能。其核心特点是轻量级的写作体验，支持所见即所得编辑，并且集成了多种AI工具来处理摘要、标签、封面等重复工作。此外，它还支持多发布状态管理和外部生态工具集成，如浏览器网页剪藏、Obsidian 一键发布等。适合希望拥有独立站点以长期积累知识资产的个人或团队使用。",2,"2026-06-11 02:44:25","CREATED_QUERY"]