Convert Notion HTML exports to interactive mind maps

👤 infniu 📦 v1.0.0 ⭐ 4.5 ⬇️ 700 下載
📚 知識管理 免費

📖 技能介紹


name: notion-to-mindmap description: 將 Notion 匯出的 HTML 檔案轉換為可互動的思維導圖 HTML。支援右鍵跳轉到 Notion 頁面連結、搜尋、縮放、展開/摺疊等功能。當用戶提供 Notion HTML 匯出檔案、提到"思維導圖"、"mindmap"、或希望視覺化 Notion 頁面結構時使用。


Notion to Mind Map

將使用者的 Notion HTML 匯出轉換為可互動的思維導圖。

核心互動功能

操作 效果
空白處拖拽 平移畫布
滑鼠滾輪 縮放(每級 5%,右下角顯示比例)
左鍵單擊節點 展開/摺疊(位置保持不變)
Ctrl+左鍵 直接在瀏覽器開啟 Notion 頁面
右鍵節點 複製連結 / 聚焦此頁面
Ctrl+F 聚焦搜尋框,即時高亮跳轉

頂部工具欄

  • 重置:展開到第 2 級,100% 縮放
  • 適應螢幕:自動縮放顯示全部展開節點
  • 展開全部 / 摺疊全部
  • 統計:顯示頁面總數和最大層級

使用方式

7w4.net小蔥技能站,你的AI助手技能庫。

使用者只需要傳送 Notion 匯出的 index.html 檔案給我,我會自動完成所有轉換工作,輸出可直接開啟的 mindmap.html

工作流程

  1. 使用者傳送 Notion 匯出的 index.html
  2. 我執行 build_mindmap.py 解析 HTML → 生成 mindmap_data.json
  3. 我執行 generate_html.py 生成 mindmap.html
  4. 我將 mindmap.html 返回給使用者

依賴要求

需要 BeautifulSoup4:

pip install beautifulsoup4

Notion 連結說明

生成的 Notion 連結格式為:https://www.notion.so/<workspace>/<page-id>

如果使用者需要自定義工作空間字首(預設從 HTML 中解析),可以修改 build_mindmap.py 中的 NOTION_BASE 常量。

資料結構說明

頁面層級對應: - Level 0:根節點(工作空間名稱) - Level 1:一級頁面(Notion 匯出的頂層頁面) - Level 2+:逐級展開

指令碼會自動跳過 CSV 資料庫條目,並從 <ul id> 中提取真實的 32 位頁面 UUID。

詳細參考

  • README.md — 完整的 Notion 連結格式、層級定義、互動細節

🤖 AI 評測

這個工具質量不錯,能把 Notion 匯出的內容變成漂亮的互動式思維導圖,用起來很順手。優點是操作功能豐富(拖拽、縮放、搜尋、跳轉),介面設計美觀,文件寫得很清楚。不足之處是需要手動安裝一個依賴庫,另外連結格式只認標準的 notion.so 域名,不支援自定義域名的情況。總體來說是個好用且實用的工具,瑕不掩瑜。

📊 多維度評分

適應性4.4
規範性4.1
有效性4.7
可靠性4.5
可信度5

📁 包含檔案 (5 個)

📄 README.md 2.8 KB
📄 SKILL.md 2.1 KB
📄 _meta.json 136 B
📄 scripts/build_mindmap.py 5.5 KB
📄 scripts/generate_html.py 26 KB