2013年9月15日日曜日

「SyntaxHighlighter」で、ソースコードをきれいに載せる

Bloggerにソースコードをきれいに載せる「SyntaxHighlighter」 【準備】 以下のコードをBloggerのテンプレートに挿入します.  ・Bloggerの管理サイト「デザイン」→「HTMLの編集」  ・headタグに必要なScriptとcssを追記します。   ※の直前が良い

























【ページで使って見よう】 方法1: 方法2:
コードの内容(エスケープ済)
結果:
function test() : String
{
    return 10;
}
【使ってみて】 ・Bloggerブログでは、Blogger自身にファイルを保管する機能がないため、保管する代替の方法の1つとしてSitesを作る必要がある。 ・FC2ブログではFC2ブログ自身にファイルをUPLOAD保管する機能があり、ブログだけで実現できる ・Biglobeブログも、自身にファイル保管する機能がない。テストしたが他のサイトを参照する形での表示できていない。テンプレートの変更が  可能か今一よく解らない。 ・楽天ブログではテンプレートを触れる機能事態がなく、このソース表示機能は使えない。 以上から各ブログにあった投稿記事を使いわかることにする。 以上です。