How this blog styles keyboard keys

Posted by db on Thu 14 January 2021

One of the features this blog uses from the PyMdown Extensions extension is the Keys option. That options enables ++ as Markdown syntax and converts it to HTML5's <kbd></kbd> html.

This means that ++ctrl+alt+delete++ renders out as Ctrl+Alt+Del. Better information is available on the official help.

Installation

Install the Python package into Pelican's Python environment:

pip install pymdown-extensions

Configuration

Enable it in the pelicanconf.py file, in the MARKDOWN variable:

# Extra configuration settings for the Markdown processor.
MARKDOWN = {
    "extension_configs": {
        ....
        'pymdownx.keys' : {},
        ....
    },
    'output_format': 'html5'
}