はてなブログのシンタックスハイライトを綺麗にする
- 1. 背景
- 2. highlight.jsの導入
- 2.1. highlight.jsを取得
- 2.2. 行間の調整
- 3. 使い方
- 注意点
1. 背景
例えばPythonのコードをはてなブログに貼り付けたい場合、
```python
【ソースコード】
```
と記述することで以下のように表示されます。
@app.route("/lifegame") def lifegame(): """ Conway's Game of Life """ return render_template("lifegame.html")
あまり綺麗ではないしカスタマイズも(たぶん)できなくて萎える...と思いきや、はてなブログはJavaScriptを差し込むことができるため、highlight.jsを使ってAtom One Dark風のシンタックスハイライトを実装することができました。他にも185言語・89種類のスタイルが使えるようです。
続きを読む