AI 知识库网站

HTMLCSS知识管理Obsidian

将个人的 Obsidian 知识图谱内容转化为独立的 HTML 知识库网站,结构化呈现 AI 学习的完整认知体系。

项目背景

在系统学习 AI 的过程中,使用 Obsidian 构建了包含 176+ 篇笔记的知识图谱,覆盖 AI 工具、Agent 框架、Prompt 工程、MCP 生态、行业交叉等主题。为了让这些知识更方便地查阅和分享,将 MD 文件转换成了一套完整的 HTML 知识库网站。

内容架构

技术实现

方面说明
内容源Obsidian 知识图谱 .md 文件(176+ 篇)
转换方式读取 MD 文件 → 提取内容 → 生成 HTML
样式设计深色科技风,CSS 变量系统,响应式布局
交互滚动高亮导航、卡片悬浮、渐变配色
部署纯静态 HTML,零外部依赖

关键数据

10+
AI 工具
3
Agent 框架
238
技能
32
MCP Server
← 返回项目列表