BloggerにSyntaxHighLighterを導入する(1)

忘れないうちにメモ。



ブログに張り付けたプログラムのソースコードを、エディタみたいにいい具合に表示してくれるSyntaxHighlighterというものがあります。

こういうのを

int main(void){

    printf("HELLO WORLD!");

}

こんなふうに表示してくれます。

int main(void){

 printf("HELLO WORLD!");

}

他所様のブログでは、Syntax Highlighter Scripts Generatorでスクリプトを生成して貼り付ける方法が紹介されています。が、2016年10月26日現在でこのジェネレータがうまく動いてくれません。(Generateボタンを押しても何も起きない)

ウーム…Web関係の言語にはめっきり弱いしメンドクサイことを抜きにしてすぐ導入したい！いろいろ探していくとここ(Awesome code syntax highlighting made easy)がいちばんシンプルで分かりやすかったのでここの手順を参考にしました。

導入手順は、
１．BloggerのHTMLテンプレートにJavaScriptの定義と実行コードを追加 (大体コピペで済む)
２．ブログ作成時にハイライトしたい部分をタグで囲む (これもコピペで済む)

といった具合。これで動きました。
ただ、ここのをそのままコピペすると、一部言語の定義ファイルが抜けていて「定義ファイルがないよ！」と言われたりします。その辺のいじり方と解説はまた明日…。