ソースコードのハイライト

福岡市に住むハードウェアエンジニアです。
FPGAやらの備忘録を書こうと思うのだが、どのブログにしていいか分からず・・Bloggerにて開始。

まずやりたいことは、ソースコードをハイライトさせる。
ググってみると SyntaxHighlighter というのを利用するらしい。早速やってみる。

↓サイト
SyntaxHighlighter
↓ジェネレータ
syntax-highlighter-scripts-generator

管理画面の、"テンプレート" → "HTMLの編集" にて、ジェネレートしたテキストファイルを </head> の直前に張り付ける。
自分はThemeをEmacsにしてみた。(背景が黒)

あとは、HTMLの編集エディタで <pre> タグで囲めばOK
<pre class="brush: cpp;" title="">
  // コード(HTMタグ無しで)
</pre>
※コードの挿入は最後にした方が良いらしい・・
↓言語の指定
Bundled Brushes
言語は html,cpp,text など
classの " " 内には以下で、修飾できる。
  first-line: 10;    ：開始行  ← 最終行指定が不明
  highlight: [,];     ：強調
   collapse: true; ：折り畳み(タイトルのみ表示)

#include "sys/alt_stdio.h"
int main()
{ 
  alt_putstr("Hello from Nios II!\n");
  /* Event loop never exits. */
  while (1);
  return 0;
}

こんな感じ。

★参考にさせて頂いたブロガーさん、素晴らしいです！
DevAchieve さん