【亲测免费】 Draw.io 插件 for Obsidian 安装和配置指南

1. 项目基础介绍和主要的编程语言

项目基础介绍

Draw.io 插件 for Obsidian 是一个为 Obsidian 笔记应用开发的插件，允许用户在 Obsidian 中创建和编辑图表。这些图表可以嵌入到笔记中，也可以作为独立的文件保存。该项目的主要目的是提供一个简单易用的工具，帮助用户在 Obsidian 中进行图表绘制和编辑。

主要的编程语言

该项目主要使用以下编程语言：

• TypeScript: 用于编写插件的核心逻辑。
• JavaScript: 用于处理一些前端交互和功能实现。
• CSS: 用于样式设计和界面美化。

2. 项目使用的关键技术和框架

关键技术和框架

• Draw.io: 这是一个开源的图表绘制工具，插件利用 Draw.io 的核心功能来实现图表的创建和编辑。
• Obsidian API: 插件通过 Obsidian 提供的 API 与 Obsidian 应用进行交互，实现插件的功能。
• Rollup: 用于打包和构建插件的 JavaScript 模块。
• TypeScript: 提供类型检查和更好的开发体验。

3. 项目安装和配置的准备工作和详细的安装步骤

准备工作

1. 安装 Obsidian: 确保你已经在你的设备上安装了 Obsidian 笔记应用。
2. 安装 Node.js: 确保你已经安装了 Node.js，因为插件的构建过程需要使用 npm 包管理器。
3. 安装 Git: 用于从 GitHub 克隆项目代码。

详细的安装步骤

步骤 1: 克隆项目代码

首先，打开终端或命令提示符，导航到你希望存放项目的目录，然后运行以下命令克隆项目代码：

git clone https://github.com/zapthedingbat/drawio-obsidian.git

步骤 2: 安装依赖

进入项目目录，运行以下命令安装项目所需的依赖：

cd drawio-obsidian
npm install

步骤 3: 构建插件

运行以下命令来构建插件：

npm run build

步骤 4: 安装插件到 Obsidian

1. 打开 Obsidian 应用。
2. 进入设置（Settings）。
3. 选择“社区插件”（Community Plugins）。
4. 点击“浏览”（Browse）按钮，搜索“Draw.io”插件。
5. 找到插件后，点击“安装”（Install）。
6. 安装完成后，点击“启用”（Enable）。

步骤 5: 配置插件

1. 安装并启用插件后，返回 Obsidian 主界面。
2. 点击左侧的“Draw.io”图标，进入插件的配置界面。
3. 根据你的需求配置插件的各项设置，例如图表的默认格式、保存路径等。

完成

至此，你已经成功安装并配置了 Draw.io 插件 for Obsidian。现在你可以在 Obsidian 中创建和编辑图表了。