#Blogger の記事ページに、コピーボタンが付いたコード表記欄（highlight.js）を実装しました。-カナリの備忘録。

highlight.jsを実装するまでの経緯。

highlight.jsとは。

Bloggerの記事に直接HTMLやCSS、ジャバスクリプトを書き込むとき、どうすればいいのかわからなくて途方に暮れながらググってました。そもそも直接ソースを書き込む事をなんていうのかわからなくて苦労しましたが、highlight.jsって言うんですね。

サイトにHTMLコードを直接書き込みたい場合は、Bloggerのテーマをカスタマイズします。

以下のページに表示されているような引用が、highlight.jsです。

結論としては、単純にBloggerの記事ページにソースコードを貼りたいだけなら、テキスト処理ツールで実際参照にエンコードして貼り付ければ良いみたいですね。

でも、それだとちょっとばかり見た目がかっこ悪いので、それもどうにかならないかなぁと思って更にグーグル先生に質問してみたら、グーグル先生が素敵な記事を教えて下さいましたよ。

highlight.jsは比較的かんたんに導入できます。