[PR]
2024/11/24/Sunday
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
SyntaxHighlighter 忍者ブログでソースコード表示
2013/08/07/Wednesday
ソースコードを見やすく表示するために、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タグ付加とタブ削除等も有。
本家からダウンロード→アップロード、という手順が、忍者ブログだと結構手間だったので一度あきらめたのですが、便利なツールを発見したので再挑戦。
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タグ付加とタブ削除等も有。
最新記事
(09/03)
(09/03)
(09/02)
(09/02)
(08/27)