Showcase
已上线2026
Wedding Album
带叙事节奏的婚礼相册页面
一个独立部署的视觉型相册应用，用 Vite 和 React 承载图片、文案与音频脚本，更像一个可以录屏成片的网页作品。
ViteReactStorytellingGallery
apps/wedding-album项目记录
Project Showcase
创意驱动 · 代码实现
把博客、工具、AI 实验和内部工作流放在同一个展示面里。
12
可展示子项目
6
独立前端应用
5
后端与工具链
已上线2026
Personal Blog
内容、知识库和个人工作台的主入口
以 Next.js 和 Hono 搭起的个人博客系统，承载文章、随笔、摄影、搜索、日历和多个工具入口，是这些子项目对外展示的中心。
Next.jsReactDashboardContent
apps/web查看项目
已上线2026
Admin Console
博客内容和运营数据的管理后台
独立 Vite 管理端，覆盖文章、分类、标签、图片、项目、评论和仪表盘，让博客内容维护不依赖数据库手工操作。
ViteReact RouterChartsAdmin
apps/admin查看项目
迭代中2026
AI IM
多角色 AI 对话实验室
一个独立的即时通讯式 AI 应用，用消息流、参与者身份和运行状态来探索更像群聊协作的 AI 交互方式。
Next.jsSSEAgentsChat
apps/ai-im查看项目
已上线2026
Collab Editor
多人协作的结构化文档编辑器
基于 BlockNote、Yjs 和 Hocuspocus 的协同编辑器，支持实时同步、文档状态保存和长连接部署。
BlockNoteYjsHocuspocusRealtime
apps/collab-editor查看项目
Tool
已上线2026
Drink Picker
解决“今天喝什么”的小工具
一个轻量的 Next.js 工具应用，围绕饮品选择、记录和分享生成体验做成独立子项目，并通过子域名部署。
Next.jsToolShare ImageZod
apps/drink-picker查看项目
解决真实问题
每个项目都来自自己的写作、学习、管理或自动化需求。
能长期迭代
不只做一次性 demo，更关注后续维护和日常使用。
保持可展示
尽量保留公开入口、截图和技术说明，让访客快速理解。
探索 AI 协作
把 AI 用在阅读、计划、对话和工程工作流里。
Supporting Systems
支撑系统和工具
Backend
已上线2026
API Service
博客和工具的后端服务层
Hono + Prisma 的后端服务，提供文章、搜索、评论、知识库、AI、日历、项目管理等接口，是整个博客系统的骨架。
HonoPrismaPostgreSQLpgvector
apps/api项目记录
Extension
工具2026
Browser Extension
浏览器里的收藏采集入口
Chrome 扩展雏形，用来把网页收藏和博客后台连接起来，为后续资料采集、书签整理和写作输入服务。
Chrome ExtensionBookmarksCapture
apps/browser-extension项目记录
CLI
工具2026
CHM to PDF
把旧格式资料转成可阅读 PDF
命令行转换工具，围绕 CHM 解包、HTML 整理和 Playwright 打印流程，把旧资料转成更方便归档和检索的 PDF。
TypeScriptPlaywrightCLIPDF
apps/chm-to-pdf项目记录
Workflow
内部2026
Task Loop
长期工程任务的循环记录工具
面向 Codex 工作流的本地 CLI，用 mission、backlog、journal 和 handoff 维护长任务上下文，减少重复交代。
Node.jsCLIHandoffWorkflow
apps/task-loop项目记录
Internal
内部2026
Codex Observability
给本地 Codex 会话做索引和查询
一个轻量的会话观察工具，用索引和查询脚本辅助回看 Codex 工作记录，服务长期项目里的上下文追踪。
Node.jsIndexingQuery
apps/codex-observability项目记录
Workspace
迭代中2026
Project Workspace
博客内置的学习与知识工具集合
主站里还内置了知识库、PDF Agent、易经、紫微、计划空间等工作区页面，适合从博客直接进入个人研究工具。
KnowledgePDF AgentPlanningAI Tools
apps/web/src/app/(main)/workspace查看项目
有趣的想法还在继续实现中...
之后添加项目封面截图时，只需要在项目数据里补 `coverImage`，展示页会自动切换成真实画面。