心智圖嵌入元件
用一行把 DeepThought 心智圖放到任意頁面,無需登入
把可互動的 DeepThought 心智圖放到任意頁面進行分享。加入這一行腳本,將 data-slug 指向你的導圖,頁面上就會算繪一個自適應 iframe,免費、無需登入、無後端,也不按次計費。只有有效的導圖 slug 或 deepthought.me 網址才會被嵌入,因此可以放心發布。
導圖 URL 中的 slug,例如 deepthought.me/maps/your-map-slug/。僅限小寫字母、數字與連字號。
<script src="https://bootsignal.com/mindmap.js" defer></script> <div data-bootsignal-mindmap data-slug="2026-05-15-llm-agent-design-patterns"></div>
免費,無需登入,無後端。元件會把你的 DeepThought 導圖算繪為自適應 iframe;只有有效的 slug 或 deepthought.me 網址才會被嵌入。
常見問題
- 心智圖嵌入是免費的嗎?
- 是的,這是把你自己的 DeepThought 導圖用於分享的免費嵌入功能。無需登入、訂閱,也不按次計費。
- 如何嵌入我的導圖?
- 複製這兩行程式碼,貼到你想要的位置,並把 data-slug 改成你的導圖 slug。腳本會把 /maps/<slug>/embed/ 算繪為自適應 iframe。
- 它能嵌入任意網址嗎?
- 不能。只有符合 ^[a-z0-9-]+$ 的 slug 或 https 的 deepthought.me 網址才會成為 iframe 的 src,因此無法指向任意網站。
- 嵌入有多高?
- 預設是自適應的 16:9 框(含合理的最小高度)。加上 data-height="600" 即可改為固定像素高度。