忍者ブログ
[PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

SyntaxHighlighter 忍者ブログでソースコード表示
ソースコードを見やすく表示するために、SyntaxHighlighterを導入しました。
本家からダウンロード→アップロード、という手順が、忍者ブログだと結構手間だったので一度あきらめたのですが、便利なツールを発見したので再挑戦。

Syntax Highlighter Scripts Generator
http://www.way2blogging.org/widget-generators/syntax-highlighter-scripts-generator

表示したいスクリプトの種類を選ぶだけで、コピペ用のソースが出力されます。これを、テンプレートファイルの</head>タグ直前に貼ればOK
テーマ(CSSファイル)もいくつか選べます。

ちょっと表示に時間がかかるのが難点(外部なんで当たり前ですが)
環境的にできない場合とか、取り急ぎやりたい場合とか、(わたしのように)めんどくさがりな方にはとてもおすすめです。


■Blogger に Syntax Highlighter を導入する
http://naichilab.blogspot.jp/2013/04/blogger-syntax-highlighter.html
記事はBlogger用ですが、忍者ブログもほぼ一緒。

■HTMLエスケープツール
http://webtools.dounokouno.com/htmlescape/index.html
<や>を参照文字にエスケープしてくれるツール。preタグ・codeタグ付加とタブ削除等も有。

 top
BACKGROUND / tudu*uzu
TEMPLATE / Lenny
忍者ブログ [PR]