🖼️ 图像，表格，图表和图形

Images, Tables, Charts & Graphs¶

img2fig¶

Converts markdown encoded images like

![An image caption](\assets\images\my-image.png)

into

<figure class="figure-image">
  <img src="\assets\images\my-image.png" alt="An image caption" />
  <figcaption>An image caption</figcaption>
</figure>

• author: Stüber Systems stuebersystems
• links: Github | Docs
• installation: pip install git+https://github.com/stuebersystems/mkdocs-img2fig-plugin

table-reader¶

Adds a {{ read_csv('table.csv') }} markdown tag to directly insert CSV files in a page.

• author: Tim Vink timvink
• links: PyPi | Github | Docs
• installation: pip install mkdocs-table-reader-plugin

charts¶

Mkdocs plugin to add charts to your pages.

• author: Tim Vink timvink
• links: PyPi | Github | Docs
• installation: pip install mkdocs-charts-plugin

drawio-exporter¶

Exports your Draw.io diagrams at build time for easier embedding into your documentation. Just embed them like any other image.

• author: Luke Carrier LukeCarrier
• links: Pypi | Github | Docs
• installation: pip install mkdocs-drawio-exporter

markdownmermaid¶

This is a mkdocs plugin that could enable the mermaid graph in the markdown file.

• author: PuGong pugong
• links: Pypi | Github | Docs
• installation: pip install mkdocs-mermaid-plugin

mermaid2¶

An expanded mkdocs plugin (based on the excellent markdownmermaid) for rendering mermaid graphs. It features improved documentation and it is now possible to define arguments that will be passed to the mermaid.initialize(...) sequence.

• author: Laurent Franceschetti fralau
• links: Pypi | Github | Docs
• installation: pip install mkdocs-mermaid2-plugin

markdownwavedrom¶

Renders waveform charts in the wavedrom style.

• author: Shimoda dragon kuri65536
• links: Pypi | Github | Docs
• installation: pip install mkdocs-wavedrom-plugin

build_plantuml¶

Helps building plantuml images.

• author: Christoph Galler christo-ph
• links: Pypi | Github | Docs
• installation: pip install mkdocs-build-plantuml-plugin

sequence-js¶

Renders js-sequence-diagrams blocks.

• author: Francesco Saverio Cannizzaro fcannizzaro
• links: Github | Docs
• installation pip install git+https://github.com/fcannizzaro/mkdocs-sequence-js-plugin

kroki¶

Renders Kroki-diagram blocks.
Kroki provides a unified API with support for BlockDiag (BlockDiag, SeqDiag, ActDiag, NwDiag, PacketDiag, RackDiag), BPMN, Bytefield, C4 (with PlantUML), Ditaa, Erd, Excalidraw, GraphViz, Mermaid, Nomnoml, Pikchr, PlantUML, SvgBob, UMLet, Vega, Vega-Lite, WaveDrom... and more to come!

• author: Benjamin Bittner b-bittner
• links: Kroko | Pypi | Github | Docs
• installation pip install mkdocs-kroki-plugin

MkDocs GLightbox¶

Support image lightbox with GLightbox.

GLightbox is pure Javascript lightbox library with mobile support.

• author: Blueswen Liu blueswen
• links: PyPI | Github | Demo
• installation: pip install mkdocs-glightbox