I want to say thank you. Thank you to the great Hexo community. The web system is beautiful. That is also the reason why this website is also made with it. Now it is time to give something back.

So here it is: As software developer we frequently need to present complex issues. There a small graphic for illustration can be worth more then a thousand words. A great tool to create graphs is nomnoml. As the name suggest its main purpose is for UML-diagrams. With an easy to learn syntax and a small plugin we can create graphics direct in the post’s markdown.

Simple use npm install hexo-tag-nomnoml to install the plugin to your hexo website. Then you can use the hexo-tag nomnoml to add graphics as demonstrated here:

1
2
3
4
5
6
7
{% nomnoml '{"style":"float:left;"}' %}
#fill: #00aaff;
[hallo] -> [world]
[tobias] love-> [Fanni]
[tobias] is on -> [earth]
[Fanni] is on -> [vanus]
{% endnomnoml %}

To learn more about nomnoml checkout its [website](http://nomnoml.com/) and [github repo](https://github.com/skanaar/nomnoml).
Contents