コードハイライト

投稿日: 2022/03/24
更新日: 2022/03/24

タグ:

シェア:

URL copied!

記事を見やすいようにコードハイライトを追加

導入方法

必要なパッケージインストール

$ pip install Markdown Pygments

PyPI - Markdown
マークダウンを HTML に変換してくれる
PyPI - Pygments
シンタックスハイライト

スタイルを選んで CSS を作成

$ pygmentize -S <style> -f html -a .codehilite > styles.css

# 今回は…
$ pygmentize -S friendly -f html -a .codehilite > styles.css

CSS を読み込ませる

適切な場所に styles.css ファイルを移動
HTML 内で読み込む

<link rel="stylesheet" href="/<some path>/css/pygments/styles.css">

HTML変換時のオプション追加

import markdown

def convert_md_txt_to_html(txt):
    # extensions に追加
    md = markdown.Markdown(extensions=['codehilite'])
    return md.convert(txt)

サンプル

from datetime import date

print(f"Hello World! {date.today()}")
# Hello World! 2022-03-24

参考

↑