hexo使用mermaid畫圖過於寬,去滾動條辦法。框內漢字換行的解決方案

Q:使用typoa畫圖會發現部署到頁面上之後太寬

有左右的滾動條

A:是因爲配置的時候沒有配置全

引入相關的js文件

找到主題裏面的頁腳文件，也即 themes/next/layout/_partials/footer.swig ，在文件最後追加以下內容

{% if (theme.mermaid.enable)  %}
  <script src='https://unpkg.com/mermaid@{{ theme.mermaid.version }}/dist/mermaid.min.js'></script>
  <script>
    if (window.mermaid) {
      mermaid.initialize({theme: 'forest'});
    }
  </script>
{% endif %}

至此，重啓hexo server應該就可以看到效果了。

框內字換行

加入到需要換行的位置即可

typoa的界面可能有些問題展示不出來，我測試放瀏覽器可以使用的
這樣寫就okk了

  A((用戶))-->|1.發送請求url到|B[DispatcherServlet<br>前端控制器]

我這裏有個人問題
如果要畫那種左右上下都有的 使用這個可以實現嗎？

方向的定義是全局的，所以無法在局部再對方向進行定義。 個人認爲，也沒有非常大的必要對局部方向進行完全的掌控，markdown是專注於輕文本的，需要完全的掌控，Office Word這種富文本編輯器豈不是更加好。大家是怎麼看的？