mkdocs-wavedrom-plugin
May 2, 2025 ยท View on GitHub
A MkDocs plugin,
render waveform charts in the wavedrom style.
Installation
Install this package with pip.
from PyPi
pip install mkdocs-wavedrom-plugin
from github
pip install git+https://github.com/kuri65536/mkdocs-mkdocs-plugin
How to use
More information about plugins in the MkDocs documentation
write markdown/wavedrom code
embed your wavedrom code in markdown documents.
```wavedrom
{ signal: [{ name: 'Alfa', wave: '01.zx=ud.23.45' }] }
```
or see a sample markdown for the sample.
setup mkdocs.yml
change mkdocs.yml to use this plugin.
site_name: test
plugins:
- markdownwavedrom
extra_javascript:
# - wavedrom.unpkg.js
# - skin-default.js
# above, place *.js in docs directory, or below from internet.
- https://cdn.jsdelivr.net/npm/wavedrom@2.1.2/wavedrom.unpkg.js
- https://wavedrom.com/skins/default.js
Demo
image

from local
$ python -m venv env
$ ./env/bin/python setup.py install
$ ./env/bin/mkdocs build
$ ./env/bin/mkdocs serve &
$ browse http://localhost:8000/test/index.html
or make build and browse site/test/index.html, if you have make binary.
(optional) download wavedrom
to download javascript files to local
$ make download
Thanks
a lot part of this plugin
were came from mkdocs-mermaid-plugin
Donations
If you are feel to nice for this software, please donation to my
- bitcoin:39Qx9Nffad7UZVbcLpVpVanvdZEQUanEXd
- ethereum:0x9d03b1a8264023c3ad8090b8fc2b75b1ba2b3f0f
- or librapay.