Python: конвертируйте Markdown в html с помощью кодовых блоков, как в stackoverflow ⇐ CSS

[Anonymous]

Я пытался преобразовать файл Markdown в HTML-код с помощью Python в течение нескольких дней — безуспешно.
Файл Markdown содержит встроенный код и блоки кода.
Однако я не могу найдите решение для отображения блоков кода в HTML, например stackoverlflow или GitHub. Другими словами, прямоугольник, содержащий код.
Файл Markdown выглядит так:

Код: Выделить всё

### Output of `df`
'''Bash
Filesystem                1K-blocks       Used  Available Use% Mounted on
tmpfs                        809224       1552     807672   1% /run
/dev/sda3                  61091660   37443692   20512276  65% /
tmpfs                       4046120      54604    3991516   2% /dev/shm
'''

Соответствующая часть моей HTML-версии выглядит так:

Код: Выделить всё

Output of df

Код: Выделить всё

Filesystem                1K-blocks       Used  Available Use% Mounted on
tmpfs                        809224       1552     807672   1% /run
/dev/sda3                  61091660   37443692   20512276  65% /
tmpfs                       4046120      54604    3991516   2% /dev/shm

Для преобразования я использую следующий код.

Код: Выделить всё

converted = markdown2.markdown(lfmd, extras=['fenced-code-blocks'])

Если я сейчас открою HTML-версию в браузере, у меня будет код, написанный другим шрифтом, но это все. Но мне нужны эти красивые блоки кода.
Как это выглядит
Как это должно выглядеть
Другая проблема заключается в том, что этот HTML-код затем отправляется в виде электронного письма в формате HTML. Вот почему эксперименты с Javascript и т. д. не работают.
Я пытался изменить фон текста с помощью CSS. Это работает очень хорошо для встроенного кода.
Однако блоки кода тогда выглядят плохо, потому что они выравниваются слева, а затем изнашиваются справа.
Как выглядит мой дрянной CSS
Это мой HTML/CSS-код, поскольку я не могу контролировать тело HTML:

Код: Выделить всё

body {font-family: TeleNeo Office, sans-serif; color: #000000;}
body {background-color: #ffffff;}
code {
font-family: Source Sans Pro, monospace;
font-weight: normal;
font-size: small;
color: black;
background-color: #E3E6E8;
border-radius: 5px;
height: fit-content;
width: auto;
padding: 3px 10px 3px 10px;
}

Может ли кто-нибудь подсказать, как это можно реализовать?


Подробнее здесь: https://stackoverflow.com/questions/782 ... ckoverflow