【源码】基于Hexo框架的Graphviz标签插件

项目简介

本项目名为“hexo-tag-graphviz”，是一款基于Hexo框架的Graphviz标签插件。它为Hexo博客用户提供便捷途径，能直接在博客里插入Graphviz图形。用户无需在本地生成图片再上传，直接编写Graphviz的DOT语言，简化了博客图形插入流程。

项目的主要特性和功能

1. 支持直接在Hexo博客中编写Graphviz的DOT语言，插件自动生成对应图形。
2. 标签参数灵活，包含title（设置图形标题）、align（支持center、left、right三种对齐方式）、maxWidth（设置图形最大宽度，默认单位px）。
3. 支持有向图、无向图等多种图形类型，满足不同博客内容需求。
4. 安装方式简单，通过npm命令可快速安装，便于集成到现有Hexo博客项目。

安装使用步骤

1. 确保已下载本项目的源码文件。
2. 在Hexo博客项目的根目录下，打开命令行工具，执行以下命令安装插件： bash npm i hexo-graphviz-tag
3. 在Hexo博客中，使用{% graphviz %}标签包裹Graphviz的DOT语言代码，示例如下： markdown {% graphviz mygraph %} digraph { rankdir = LR; node [shape=circle] a -> b; b -> c; c -> d; d -> e; } {% endgraphviz %} 其中mygraph为自定义的图形名称。
4. 根据需要设置标签参数，如title、align和maxWidth，示例如下： markdown {% graphviz title:mygraph maxWidth:300 align:left %} digraph { rankdir = LR; node [shape=circle] a -> b; b -> d; c -> b; d -> a; d -> c; a -> c; b -> e; } {% endgraphviz %}
5. 完成以上步骤后，即可在Hexo博客中展示Graphviz图形。

注意：该插件依赖于Graphviz生成图形，需在本地环境中安装Graphviz软件或库，具体安装方法可参考Graphviz官方文档。此外，该插件支持多种主题，显示效果可能因主题而异。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】