Mermaid 使用文本来构建UML流程图，类似于 Markdown 的降介文档，用javascript来生成 UML 图。 官方文档
和 plantuml 类似，都是属于降介文本格式输出类似 dot 图形。
https://cdn.jsdelivr.net/npm/mermaid@8.5.0/dist/mermaid.min.js
div.mermaid 中，让 Mermaid 自动渲染。<div class="mermaid">
flowchart LR;
A-->B;
B-->C;
</div>
flowchart LR;
A-->B;
B-->C;
弹性盒子（Flexbox）在纵列上进行弹性布局
正则工具 ： regexr.com
x00-xff GBK双字节编码范围
x20-x7f ASCII
xa1-xff 中文
x80-xff 中文
u4e00-u9fa5 (中文)
x3130-x318F (韩文)
xAC00-xD7A3 (韩文)
u0800-u4e00 (日文)
uff21 – uff5a 英文全角 A-z
uff01 - uff09 美式键盘 1-9 上标字符 02 双引号 06 中文省略号……
uff10 - uff19 全角数字 ０ – ９
uff20 @
韩文是大于[u9fa5]的字符
在 html 中使用特殊字符 比如 ♬ 9836 266C,如果要显示 &9836;，是无法使用键盘输入，需要使用输入法中特殊字符处理才能数据，使用十进制(♬) 或 十六进制 (♬) 的 code 来输入，并在html上转义显示。
| 字符 | &# code ; | &#x code ; |
|---|---|---|
| ♬ | 9836 | 266C |
| ♬ | ♬ | ♬ |
| ♬ | ♬ | ♬ |