VitePress Exporter - Obsidian Plugin

功能

这个 Obsidian 插件用于自动化发布 Obsidian 笔记到 VitePress 网站：

• ✅ 将当前 markdown 文件导出到 docs/ 目录
• ✅ 自动复制引用的资源文件到 docs/assets/ 目录
• ✅ 更新 markdown 中的资源路径
• 🚧 Canvas 文件渲染（待实现）

安装

插件已经安装在这个项目的 .obsidian/plugins/vitepress-exporter/ 目录下。

1. 在 Obsidian 中打开这个项目
2. 进入设置 → 第三方插件
3. 启用 "VitePress Exporter" 插件

使用

方式 1：命令面板

1. 打开一个 markdown 文件
2. 按 Ctrl+P (或 Cmd+P) 打开命令面板
3. 输入 "Export to VitePress"
4. 选择 "Export current note to VitePress"

方式 2：功能区按钮

• 点击左侧功能区栏的上传图标按钮

方式 3：快捷键

• 可以在 Obsidian 的快捷键设置中为导出命令设置快捷键

配置

在插件设置中可以配置：

• Docs path: 导出的 markdown 文件存放目录（默认：docs）
• Assets path: 资源文件存放目录（默认：docs/assets）

工作流程

1. 用户在 Obsidian 中编写笔记
2. 笔记中引用的资源（图片、PDF 等）可以放在任意位置
3. 点击导出按钮
4. 插件自动：
   • 将 markdown 文件复制到 docs/ 目录
   • 扫描并复制所有引用的资源到 docs/assets/ 目录
   • 更新 markdown 中的资源路径

当前状态

• ✅ 基础插件框架
• ✅ 文件导出功能
• ✅ 资源文件自动复制
• 🚧 Canvas 文件渲染（开发中）

Canvas 渲染计划

对于 .canvas 文件，计划实现的方案：

1. 方案 A（优先）：基于 Obsidian 自己的渲染（探索中）
2. 方案 B（备选）：使用 Headless Browser 手动渲染 JSON Canvas

开发

cd .obsidian/plugins/vitepress-exporter

# 安装依赖
npm install

# 开发模式（自动重新编译）
npm run dev

# 生产构建
npm run build

注意事项

• 确保项目中有 docs/ 目录
• 资源文件会被复制，不会移动原文件
• 如果目标文件已存在，会被覆盖