SyntaxHighlighterの導入

とりあえずブログを作って最初にやったのが，構文強調機能を追加すること．

SyntaxHighlighter

これを導入してみた．あちこちで参照されている How To Add Syntax Highlighter(V3) To Blogger Blogs にあるフォームを利用しても良かったのだけれど，手作業でインストールしてみることに．

ここに最新版にアクセスする方法が書いてあるので，参照しつつテンプレートに導入してみた．

Bloggerの投稿などのタブからデザイン > HTMLの編集を選び，テンプレートをダウンロードし，ダウンロードしたテンプレートの</head>の直前に以下の内容を追加して，アップロードする．

  SyntaxHighlighter.config.bloggerMode = true;
  SyntaxHighlighter.all();

HTMLを構文強調する際に問題になったのが，<pre>を使うとBloggerが自動的に追加しているタグ(アドレスを自動的にリンクに変更するなど)が見えてしまう，ということ．それを避けるために，インストール方法の一番下を参考に,<pre>ではなく<script>を使った構文強調に置き換えたら上手くいった．

とりあえず，C++でhello worldでも書いて構文強調のテストをしておこう．

#include <iostream>

int main()
{
    std::cout << "hello world" << std::endl;

    return 0;
}

追記

新しいインターフェースだと，テンプレートは左側のメニューからテンプレートを選んで，ブログで使用中，の下のHTMLの編集を選んで，タグを追加すると良いようです．