We have flowcharts and sequential diagrams supported on Hexo. Everything, including styles and fonts, are customizable.

# Flowchart

The flowchart feature is supported by the package hexo-filter-flowchart:

You can configure your flowchart layout in the site's _config.yml:

Raw code like

in a flow code block, produces a nice flowchart as below:

# Sequence

This is supported by the hexo-filter-sequence package:

However, the package is no longer maintained and has several bugs that requires manual fixing in source files. First replace contents in the package's index.js file with

Then, replace the render function in /lib/renderer.js with

Finally, in your site's _config.yml, add

and then you're good. A simple sequential diagram would be generated within a sequence block:

which produces