MarkdownのGitHub方言GFMを使えるようにする。
前回まで
- GitHub Flavored Markdown(GFM) をローカルで書いて閲覧したい
- PythonでMarkdownからHTMLを生成するためのパッケージ仮想環境を用意する
- Python3.6.1のvenvにMarkdownパッケージをインストールする
- Python3.6.1のvenvにpy-gfmをインストールする
pygmentsインストール
インストールしたい仮想環境を有効化する
source venv_markdown.sh
(markdown) {UserName}@{MachineName} /{カレントディレクトリパス} $
先頭に(markdown)
と表示されていれば仮想環境が有効化されている。
確認
念のためPythonのバージョンも確認する。
$ pyenv version 3.6.1 $ python -V Python 3.6.1 $ pip -V pip 9.0.1 ... (python 3.6)
pip
pip install pygments
$ pip install pygments Collecting pygments Using cached Pygments-2.2.0-py2.py3-none-any.whl Installing collected packages: pygments Successfully installed pygments-2.2.0
Markdown + py-gfm + pygments
import markdown html = markdown.markdown(GetMarkdownText(), extensions=['gfm']);
しかしCSSがないためハイライトされない。
CSS
CSSを作る
どうやらpygmentsにはデフォルトCSSがあるらしい。以下のコマンドで生成できる。
pygmentize -S default -f html -a .highlight > default.css
これでdefault.css
が生成される。
HTMLに参照設定を追加する
<link rel="stylesheet" href="default.css">
生成されたHTMLの先頭行に上記を挿入する。
ブラウザ閲覧
シンタックス・ハイライトされた!
他のCSS
GitHub風
マウスオーバーしてもURLリンクマークが出ないなど完全一致には遠そう。