Seesaaブログにソースコードを読みやすく表示
今回は、スタイルシートやHTML、JavaScript、VBなどのソースコードを読みやすく表示するため、SyntaxHighlighterというJavascriptツールを紹介します。 【表示イメージ】 h1 { margin:0px; padding-top:50px; padding-bottom:10px; font-weight:bolder; font-size:24px; font-family:Verdana; } という感じで、行番号表示、CSSであればCSSのタグなどを色付け表示してくれます。 【設置手順】 １．まずは、SyntaxHighlighterをダウンロードして、解凍します。 ダウンロード先は、http://alexgorbatchev.com/wiki/SyntaxHighlighter:Download zip形式なので、解凍ツールで解凍してください。 ２．
さくらのブログやSeesaaブログでSyntaxHighlighterを使う。: 俺の砂箱
寄り道ばかりの人生だけど、寄り道こそが我が人生。 暇人が色んなプログラミング技術を摘み食いしてみるテスト。 初エントリにも関わらず、いきなり小難しいエントリを一つ。 ウェブサイトなどでソースコードを綺麗に表示させるためによく使われる SyntaxHighlighter を当ブログでも導入してみた。 ちなみに当ブログは「さくらのブログ」を利用しているのだが、「Seesaaブログ」と互換のブログサービスなので、そちらでも応用できるだろう。 まずは、SyntaxHighlighter本家サイトからダウンロード。 今回は、syntaxhighlighter_2.1.382.zipというファイルをダウンロードした。 ダウンロードしたファイルを解凍すると、何やらワンサカとファイルが入っているのだが、まず基本となるのは以下の3つだ。これらを取り出しておく。 shCore.js shCore.css sh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
