8.1.20250803 WordPress插件与Mermaid可视化

#官网修改记录 #mermaid

在 #wordpress 按照了一个插件：MerPress 和 ** WP Githuber MD ** 两个插件

• 貌似不支持样式，把样式删除后，就可以正常显示
• 需要进入编辑页面，手动整理和转换一下，前台才可以展示。

从obsidian发布到wordpress展示成为mermaid的可视化流程图案例：
比如

%% 方向：自上而下，再左右分叉
graph TD
    %% ===== 猫 =====
    小淘("小淘 🐱<br>橘猫")

    %% ===== 核心人 =====
    小新["小新"]
    可乐["可乐"]

    %% ===== 父母&地域 =====
    爸爸["爸爸 👨<br>四川人"]
    妈妈["妈妈 👩<br>湖南人"]

    %% ===== 祖父母 =====
    爷爷["爷爷 👴<br>四川"]
    奶奶["奶奶 👵<br>四川"]
    外公["外公 👴<br>湖南"]
    外婆["外婆 👵<br>湖南"]

    %% ===== 可乐分支 =====
    紫燕阿姨["紫燕阿姨"]
    姨父["姨父"]

    %% === 关系连线 ===
    小淘 -->|陪伴| 小新
    小新 --> 可乐
    可乐 --> 紫燕阿姨
    可乐 --> 姨父

    爸爸 -->|父| 小新
    妈妈 -->|母| 小新

    爷爷 -->|父| 爸爸
    奶奶 -->|母| 爸爸
    外公 -->|父| 妈妈
    外婆 -->|母| 妈妈

注意

• 貌似不支持样式，把样式删除后，就可以正常显示

   %% === 样式 ===
    classDef cat   fill:#ffd28f,stroke:#ff9f43,stroke-width:2px,color:#333
    classDef human fill:#e5e2e0,stroke:#9d9b9a,stroke-width:2px,color:#333
    classDef sichuan fill:#ffe6e6,stroke:#ff8a80,stroke-width:1px,color:#333
    classDef hunan   fill:#e3f2fd,stroke:#81c9fa,stroke-width:1px,color:#333

    class 小淘 cat
    class 小新,可乐,紫燕阿姨,姨父 human
    class 爸爸,爷爷,奶奶 sichuan
    class 妈妈,外公,外婆 hunan

ob地址：笔记