Obsidian 插件：Obsidian Graphviz

概述

渲染 Graphviz 图表

Readme(翻译）

下面是 obsidian-graphviz 插件的自述翻译

Obsidian Graphviz

在 Obsidian 中渲染 Graphviz 图表

该插件使用本地的 graphviz dot 可执行文件进行渲染。

用法

1. 如果尚未安装 graphviz，请安装它，或使用实验性的 d3-graphviz 支持。 要下载和安装 graphviz，请按照 官方说明 进行操作。
2. 在 Obsidian 选项对话框中，PLUGIN OPTIONS > Obsidian Graphviz > Dot Path，设置路径为您的 dot 文件。
3. 使用 dot 作为语言创建一个围栏代码块。 在内部指定您的 graphviz 代码。然后预览它。 Graphviz 的文档可以在 graphviz.org 上找到。

    ``` dot
    digraph G {

      subgraph cluster_0 {
        style=filled;
        color=lightgrey;
        node [style=filled,color=white];
        a0 -> a1 -> a2 -> a3;
        label = "process #1";
      }

      subgraph cluster_1 {
        node [style=filled];
        b0 -> b1 -> b2 -> b3;
        label = "process #2";
        color=blue
      }
      start -> a0;
      start -> b0;
      a1 -> b3;
      b2 -> a3;
      a3 -> a0;
      a3 -> end;
      b3 -> end;

      start [shape=Mdiamond];
      end [shape=Msquare];
    }
    ```

结果为：

安装

在 Obsidian 内部

设置 > 第三方插件 > 社区插件 > 浏览 并搜索 Graphviz。

手动安装插件

git clone https://github.com/QAMichaelPeng/obsidian-graphviz.git
cd obsidian-graphviz
npm i
VAULT_FOLDER=<你的笔记库文件夹>
PLUGIN_FOLDER=$VAULT_FOLDER/.obsidian/plugins/obisidan-graph-viz
[ -d "$PLUGIN_FOLDER" ] || mkdir -p $PLUGIN_FOLDER
npm run build && cp  ./{main.js,styles.css,manifest.json} $PLUGIN_FOLDER

鸣谢

• 受 Johannes Theiner 的 obsidian-plantuml 启发。

作者

Feng Peng(@QAMichaelPeng)

贡献者：

• Dos Santos(@d0ssant0s)
• ebdavison(@ebdavison)