[HTML] highlight.js でソースコードをハイライトする

highlight.js を使って、ソースコードをハイライトできるようにしてみた。

準備として、次のコードをhead内にコピペ。

<link rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

準備完了。

後は、ハイライトしたいコードを、"pre" と "code" で囲むだけ。

print("hello world")

for i in range(0,10):
    print(i)

参考

• コードのハイライト表示用 JS ライブラリ highlight.js の使い方 (Qiita)