發現一個好玩的東西:markmap

這個可以把文字弄成心路圖(思維導圖),不需要關心排版,非常方便。

上面的圖的源碼是:

<script type="text/template">
- 來玩玩
  - 確實**好玩**
  - 官網是:[https://markmap.js.org/](https://markmap.js.org/)
  - 歡迎使用:[心路圖生成器](https://ejsoon.win/markmap-board/)
</script>

除了自動渲染,官方還提供了人工渲染的方法(Load manually)

<script>
  window.markmap = {
    autoLoader: { manual: true },
  };
</script>
<script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script>
<script>
  // Render in 5s
  setTimeout(() => {
    markmap.autoLoader.renderAll();
  }, 5000);
</script>

據此方法,寡人製作了心路圖生成器,歡迎使用。

突然發現,這貨跟我之前嘔心瀝血製作的ejlist功能相似……

Leave a Comment