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这种富文本编辑器岂不是更加好。大家是怎么看的？