draw.io Notion Embed 项目技术文档

draw.io Notion Embed 项目技术文档

【免费下载链接】drawio-notion-embed A super simple project that lets you embed draw.io diagrams directly into Notion. 项目地址: https://gitcode.com/gh_mirrors/dr/drawio-notion-embed

1. 安装指南

1.1 使用已部署版本

您可以直接使用已经部署在 Netlify 上的版本：https://drawio-notion-embed.netlify.app/。

1.2 自行部署

如果您希望自行部署该项目，可以按照以下步骤操作：

1. 下载项目代码：您可以从 GitHub 仓库 下载项目的 ZIP 文件，或者使用 git clone 命令克隆仓库。
2. 将项目中的 index.html 文件上传到任何支持静态文件的 Web 服务器上。
3. 确保您的服务器支持 HTTPS，因为 Notion 只允许嵌入 HTTPS 链接。

1.3 使用 Netlify 部署

如果您希望使用 Netlify 进行部署，可以点击以下按钮：

这将自动将项目部署到 Netlify，并为您生成一个可用的 URL。

2. 项目的使用说明

2.1 在 draw.io 中导出图表 URL

1. 在 draw.io 中，选择您要嵌入的图表。
2. 点击 File -> Export as -> URL...。
3. 复制弹出窗口中显示的 URL。

2.2 嵌入图表到 Notion

1. 打开 https://drawio-notion-embed.netlify.app/（或您自行部署的 URL）。
2. 将之前复制的 draw.io URL 粘贴到文本框中，然后点击 Go。
3. 页面将生成一个可嵌入 Notion 的链接，复制该链接。
4. 在 Notion 中，粘贴该链接，并在弹出窗口中点击 Create embed。
5. 您将看到图表成功嵌入到 Notion 中。

3. 项目API使用文档

由于该项目是一个简单的 HTML 页面，没有复杂的 API 接口。您只需要按照上述步骤操作即可。

4. 项目安装方式

4.1 下载项目代码

您可以从 GitHub 仓库 下载项目的 ZIP 文件，或者使用 git clone 命令克隆仓库。

4.2 部署到 Web 服务器

将项目中的 index.html 文件上传到任何支持静态文件的 Web 服务器上。确保您的服务器支持 HTTPS，因为 Notion 只允许嵌入 HTTPS 链接。

4.3 使用 Netlify 部署

点击以下按钮，自动将项目部署到 Netlify：

这将为您生成一个可用的 URL。

---

通过以上步骤，您可以轻松地将 draw.io 图表嵌入到 Notion 中，并根据需要进行自定义部署。

【免费下载链接】drawio-notion-embed A super simple project that lets you embed draw.io diagrams directly into Notion. 项目地址: https://gitcode.com/gh_mirrors/dr/drawio-notion-embed