读通鉴 (dutongjian.com) — Vibecoding 作品
标签: vibecoding ai开发 vue 资治通鉴 产品案例
基本信息
- 名称: 读通鉴
- 网址: www.dutongjian.com
- 定位: 资治通鉴的一站式阅读和体验平台
- 作者: 知乎用户（独立开发者，非专业前端背景）
- 开发方式: AI 辅助开发（Vibecoding），作者撰文「我是如何用 AI 开发读通鉴的」
产品概述
从阅读到体验的资治通鉴平台。直接在资治通鉴原文上集成了四大核心资源：
- 司马光·资治通鉴 — 原文
- 胡三省·资治通鉴注 — 注解、补充、勘误，资治通鉴的标准配套
- 袁枢·通鉴纪事本末 — 以事件角度重新梳理原文
- 王夫之·读通鉴论 — 明末清初思想家的史论巨著，60余万字/50卷
技术栈
- 框架: Vue 3.5.13（从 JS bundle 确认）
- 构建工具: Vite
- 架构: SPA（单页应用）
- 分析: PostHog
- 部署: CDN（120.55.124.123，阿里云杭州节点）
产品特色
- 大量交互、状态和场景化功能，整体更像桌面软件而非传统网页
- 地图组件：历史地理可视化
- 原文+注释+纪事本末+史论的交叉阅读体验
- 作者从零前端经验起步，靠 AI 辅助完成
相关链接
Vibecoding 启示
- 非专业背景也能做复杂产品：作者在开发前没有太多前端经验，Vue 框架 + AI 辅助使前端复杂度可控
- 交互密度是关键差异点：读通鉴的竞争力不在内容（内容是公版古籍），而在阅读体验层——地图、交叉引用、场景化交互
- 垂直领域深挖：资治通鉴+三大辅助资源的整合，看似小众但用户精准
- 技术选型合理：选 Vue 而非 React，因为大量交互和状态管理场景下 Vue 更顺手
收录时间
2026-06-05