This article offers a sample of basic diagram usage that can be used in Hugo content files.

Please see also Mermaid .

We can easily align images by adding URL fragments. Such as #center, #floatleft and #floatright represents align center, float left and float right respectively.