このページは備忘録なので、あんまり見た目は気にしていなかったのですが、下記のページを参考にやってみました。
http://koike-infodesign-lab.cocolog-nifty.com/blog/2012/02/test.html
ココログにはソースコード用の装飾がないので、自分でソースコード表示のためのCSSとJavaScriptを入れないといけないです。
SyntaxHighlighter 3.0.83を使用します。
http://alexgorbatchev.com/SyntaxHighlighter/
[コントロールパネル] – [ファイル]画面で、CSSとJavaScript用のフォルダを作成します。作成したフォルダに、SyntaxHighlighterのCSSとJavaScriptのファイルを全てアップします。
[ブログ] – [設定]画面の[ブログのサブタイトル]のところに、使用するJavaScriptをCSSを書いてしまいます（ここに書いてしまえば各ページに書く必要がなくなります）。
<script src="http://trivia.cocolog-nifty.com/js/shCore.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushAS3.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushBash.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushCpp.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushCss.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushDiff.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushJava.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushJScript.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushRuby.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushPerl.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushPlain.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushPython.js" type="text/javascript"></script> <script src="http://trivia.cocolog-nifty.com/js/shBrushXml.js" type="text/javascript"></script> <link href="http://trivia.cocolog-nifty.com/css/shCore.css" rel="stylesheet" type="text/css" /> <link href="http://trivia.cocolog-nifty.com/css/shThemeDefault.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> SyntaxHighlighter.config.stripBrs = true; SyntaxHighlighter.all(); </script> 技術関連の備忘録
[変更を保存]ボタンを押し、[サイトに反映]ボタンを押します。
実際にソースコードのスタイルを適用するには[HTMLの編集]画面でPREタグで囲んで下記のように記述します。
<pre class="brush: bash;"> DOXYFILE_ENCODING = SHIFT_JIS PROJECT_NAME = XXX OUTPUT_LANGUAGE = Japanese INPUT_ENCODING = SHIFT_JIS GENERATE_LATEX = NO INPUT = D:/svn/src/ D:/svn/include/ OUTPUT_DIRECTORY = D:/svn/doc/doxygen/vm/ MULTILINE_CPP_IS_BRIEF = YES </pre>