解决在Typora使用zenuml异常

本人之前使用typora 1.4版本是不支持zenuml,在typora1.7版本之后都是支持zenuml,所以今天安装了最新版本的typora。但是在安装完成之后发现zenuml虽然不会提示错误，但是显示的内容排版有问题。

所以这篇文章主要记录如何解决这个问题。

可能的导致排版异常的原因

• typora在官网上说如果出现异常，很可能是因为主题的原因。 解决方案： 更换主题，看是否是主题的原因。
• zenuml版本不是最新的，与当前mermaid版本不匹配。–本人的问题就是这个

​ 解决方案如下

解决zenuml版本不是最新的

• 打开Typora安装目录，然后打开Typora/resources/目录，找到lib.asar文件

• 备份lib.asar

  copy lib.asar ./lib.asar.backup
  

• 下载asar工具

  npm install -g asar
  

• 解压asar文件

  asar extract lib.asar  ./lib-unpack
  

• 下载最新版的mermaid-zenuml.min.js

  curl -L -O https://cdn.jsdelivr.net/npm/@mermaid-js/mermaid-zenuml@0.2.2/dist/mermaid-zenuml.min.js
  

• 然后将新下载的mermaid-zenuml.min.js替换lib-unpack/diagram目录下的mermaid-zenuml.min.js文件。

• 之后打包lib-unpack

  asar pack .\lib-unpack\ ./lib.asar
  

• 最后重启typora 就会发现可以正常使用zenuml