2021年02月24日

livedoor blog でコードハイライト

何番煎じかわかりませんが、コードハイライトのやり方です。
そもそもプログラミング関連の記事を書く人はみんなはてなブログを使っていそうな気もしますが、自分への備忘録も兼ねて残しておきます。

コードハイライトにはhighlight.js を使いました。

設定方法は[ブログ設定]にある[デザイン / ブログパーツ]設定内の[PC] を選択し、カスタムJS タブでhead内の設定のところに下記のコードを追加することで実現できます。
私のブログだとスタイル設定がすでに入っていたので、末尾に追加する形にしました。
また、バージョンが上がったらリンクも適宜変えるとよいでしょう。


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

簡単ですね！