terrylinooo/wp-mermaid

在 WordPress 上渲染 Mermaid 语法。

维护者

详细信息

github.com/terrylinooo/wp-mermaid

主页

源代码

问题

安装: 3

依赖项: 0

建议者: 0

安全: 0

星标: 15

关注者: 3

分支: 6

开放问题: 10

1.0.2 2023-05-23 11:32 UTC

GPL-3.0-or-later f1a81c6cb639808d6631c78bdd705dd31b192991

diagramwordpress-pluginflowchartmermaid

This package is auto-updated.

Last update: 2024-09-23 15:39:09 UTC

README

使用 mermaid.js（https://mermaid-js.github.io/） 以类似 markdown 的方式从文本生成图表和流程图。

下载

安装

  1. 将插件文件上传到 /wp-content/plugins/wp-mermaid 目录，或通过 WordPress 插件屏幕直接安装。
  2. 通过 WordPress 的 '插件' 屏幕激活插件。
  3. 转到设置中的 WP Mermaid 菜单并设置您的选项。

如何使用

WP Mermaid 非常智能，只有当您的帖子包含 Mermaid 语法时才会加载 mermaid.js，通过检测短代码和块的使用。因此，它不会在您的网站上到处加载。

短代码

在经典编辑器中，您可以使用短代码来渲染您的 Mermaid 语法。如果您正在使用 WordPress 版本低于 5.0，这是您唯一可以使用的途径。

[mermaid]
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
[/mermaid]

Gutenberg 块

选择一个 Mermaid 块

在编辑器中填写您的 Mermaid 语法。

变更日志

1.0.0

  • 首次发布。

1.0.1

  • 将 Mermaid JavaScript 库从 8.5.0 升级到 8.9.0

1.0.2

  • 添加日语（ja_JP）翻译，感谢 Colocal。
  • 使用 PHP 8.2.5 和 WordPress 6.2.2 进行测试
  • 将 Mermaid JavaScript 库从 8.9.0 升级到 9.4.3

许可证

WP Mermaid 由 Terry Lin 开发，并按照 GNU 通用公共许可证第 3 版的条款发布。

也参见

如果您正在寻找支持 Mermaid 的 Markdown 编辑器，您还可以检查我的另一个 WordPress 插件 WP Githuber MD，它不仅提供 Mermaid，还提供了各种功能，值得一试。