2011年11月5日土曜日

SyntaxHighlighterの導入

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

SyntaxHighlighter

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

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

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








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

とりあえず,C++でhello worldでも書いて構文強調のテストをしておこう.
#include <iostream>

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

    return 0;
}
追記

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

0 件のコメント:

コメントを投稿