一个以段永平投资思想为核心的知识图谱网站,将书籍、问答、金句整理成可交互的知识网络。
在线访问 → https://dyp-kb.netlify.app
- 学习路径:结构化的知识导航首页,按主题、概念、人物、公司分类浏览
- 知识图谱:基于 D3.js 的交互式节点关系图,直观展示概念之间的关联
- 文章阅读:Markdown 渲染的知识卡片,支持双链跳转(
[[节点名]]语法) - 全文搜索:顶栏实时搜索,支持节点名称与别名匹配
- 侧边目录:可折叠的树形目录,快速定位任意节点
- 响应式设计:完整支持移动端,暖色系 UI 风格
dyp-kb/
├── scripts/ # Python 脚本:PDF 提取 → Vault 生成
│ ├── 01_extract_pdf.py
│ ├── 02_generate_vault.py
│ └── 03_generate_vault_v3.py
├── extracted/ # 从 PDF 提取的原始文本(不含版权内容)
├── vault/ # Obsidian 格式的 Markdown 知识库
│ ├── 概念/
│ ├── 人物/
│ ├── 公司/
│ ├── 主题/
│ ├── 金句/
│ └── 问答录/
└── web/ # Vue 3 前端应用
├── src/
│ ├── components/ # Sidebar / HomeView / KnowledgeGraph / ArticleReader
│ ├── data/ # graphData.js(节点与边数据)
│ └── App.vue
└── public/vault/ # 构建时复制的 Markdown 文件
环境要求:Node.js ≥ 18
cd web
npm install
npm run dev浏览器打开 http://localhost:5173 即可。
构建生产版本:
npm run build
# 产物在 web/dist/部署到 Netlify(需先安装 netlify-cli):
npm run deploy| 层级 | 技术 |
|---|---|
| 前端框架 | Vue 3 + <script setup> |
| 构建工具 | Vite |
| 知识图谱 | D3.js v7 |
| Markdown 渲染 | marked |
| 知识库格式 | Obsidian Vault(.md + frontmatter) |
| 数据生成 | Python(OpenAI API) |
| 部署 | Netlify |
本知识库内容来源于段永平公开的书籍、问答记录及雪球帖子,经 AI 辅助整理为结构化的 Markdown 卡片。内容仅供个人学习参考,版权归原作者所有,请勿用于商业用途。
欢迎提 Issue 或 PR:
- 补充遗漏的知识节点
- 修正内容错误
- 改进前端交互体验
本站由白馥说制作,公众号同名,欢迎关注 🌿
如果本站对你有用,欢迎打赏支持 🙏
MIT