Obsidian 插件:【Readme】Obsidian Graphviz

Obsidian 插件:【Readme】Obsidian Graphviz

插件名片

  • 插件名称:Obsidian Graphviz
  • 插件作者:Feng Peng
  • 插件说明:渲染 Graphviz 图表
  • 插件分类:[’ 图表生成 ’, ‘obsidian 插件 ’, ‘readme’]
  • 项目地址:点我访问
  • 国内下载地址:下载安装

概述

渲染 Graphviz 图表

Obsidian 插件:【Readme】Obsidian Graphviz--概述

原文出处

下面自述文件的来源于 Readme


Readme(翻译)

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

Obsidian Graphviz

Obsidian Graphviz--Readme(翻译)

Obsidian Graphviz--Readme(翻译)

Obsidian Graphviz--Readme(翻译)

Obsidian Graphviz--Readme(翻译)

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--用法

安装

在 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

鸣谢

作者

Feng Peng(@QAMichaelPeng)

贡献者:

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


反馈交流

其他渠道

版权声明