ココログでpygmentsを使ってコードのハイライト

from pygments import highlight
from pygments.lexers import PythonLexer
from pygments.formatters import HtmlFormatter

def py2htmlcss(codeblock, basename='test', style='monokai'):
    
    with open(basename+'.html', 'w') as htmlfile:
        highlight(codeblock, PythonLexer(), HtmlFormatter(), htmlfile)

    with open(basename+'.css', 'w') as cssfile:
        CSS = HtmlFormatter(style=style).get_style_defs('.highlight')
        cssfile.write(CSS)

Pythonのライブラリであるpygmentsで出てきたHTMLとCSSを使ってココログに綺麗にコードを貼っつけるtestです。ハイライトされてない。。。

追記。そうか、HtmlFormatter(full=True)でフルオプションを指定して、スタイル指定を含んだHTMLを出力して、スタイルの部分をブログのサブタイトル（キャッチフレーズ）の部分に埋め込めばいいのか。（紆余曲折しましたが、ちゃんとカスカムCSSからできました。）

追記２。pygmentize.exeを使えば、こんなコード書かなくともよいのですね。まだmonokaiの背景色のグレーっぽい色が来ないなぁ。

追記３　HtmlFormatter(style='monokai')でmonokaiを指定すべきところ、あほでHtmlFormatter().get_style_defs('.monokai')なんてやっていたのでCSSに.monokaiというクラスの定義で６０行できて、HTMLの方ではクラス名がデフォルトのhighlightになっているのがうまくいかない原因だった。

まとめ

普通はpygmentize.exeでやるのかもしれませんが、出てくるCSSが.hll { background-color: #49483e }からはじまっていて、.highlightを各行の頭に追加しないとhighlightのクラスだけに有効にしたいデザインが他のところにも影響してしまいます。

上のコードでやると、そのまま使えるHTMLとCSSが出てきます。

使い方：

codeblockに整形済みテキストでコードを渡すと、basenameで指定したファイル名でtest.htmlとかtest.cssとかができます。できたcssはそのままカスタムCSSに貼っつけ、あとはhtmlの方も記事そのままはっつけます。ちゃんとHTMLの編集タブの方に切り替えてから貼っつけましょう。わかってしまえば結構、簡単。

まあSyntaxHighlighterというjavascriptのライブラリを使うのが普通かもしれませんし、ココログでも使えるようです。どっちで行くかまよったんですが、pygmentsで先にレンダリングすると変換がないのでおそらくページの読み込みが速いのと、javascriptを切っていれもちゃんと見れるあたりがちょっと利点ですね。

追記４　コードに長い行があると右端で切れてしまうのでスクロールバーを足しました。CSSにpre { line-height: 125%; white-space: pre; overflow: auto; }を追加でうまくいきました。