hexo-tag-diagram v0.2.1

hexo-tag-diagram

hexo-tag-diagram is a convenient plugin for generating SVG diagram in when we writing in Hexo.

Installation

npm install --save hexo-tag-diagram

System Requirements

• Hexo
• Graphviz

Usage

In post:

{% diagram "title of diagram" [engine] %}

// Definition of diagram

{% enddiagram %}

The diagram tag works accept a title argument and an optional argument indicates which engine to use for drawing, default is dot.

A simple snippet that just work:

{% diagram "Hello, diagram!" %}

digraph {
    A -> B;
}

{% enddiagram %}

SVG versus PNG (or JPG etc.)

We choose SVG as generated diagram's format, since it can be embbed in HTML directly, and the most important, can be customized with CSS easily, or enable some interactive features through JavaScript.

That is the visitors must explore our websites with a browser that supports SVG feature. Vistors woun't be in trouble if we use PNG or JPG format but, fortunately, most of browsers on this planet support SVG.