思维导图的写法可以参考这里.

but,新版本(较新)的hugo, shortcodes的内容默认不会被渲染成html,因此报错,可以添加markdownify解决,如: {{- .Inner | markdownify -}}

修改后的代码如下:

<div id="{{ .Get 0 }}" class="mindmap mindmap-md" style="width: 100%;">
    {{- .Inner | markdownify -}}
</div>

测试代码:

{xx{% mind mindid %}xx}
- 根目录    
  - 一级目录1   
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
  - 一级目录2    
{xx{% /mind %}xx}

实际效果:

  • 根目录
    • 一级目录1
      • 2级目录2
    • 一级目录2
      • 2级目录2
        • 3级目录
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2
    • 一级目录2