--年--月--日

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2010年08月18日

SyntaxHihglighterをFC2に導入

syntaxHighlighter1.gif
FC2にSyntaxHihglighterを導入してコードをきれいに表示させる方法を紹介します。
1.syntaxhighlighterでファイルをダウンロードします。 
2.必要なファイルをアップロードします。
私がアップロードしたファイルは以下
■css
SyntaxHighlighter.css
■js
shCore.js
shBrushXml.js
shBrushJScript.js
shBrushCss.js
shBrushPhp.js
shBrushCpp.js
shBrushSql.js
shBrushJava.js
3.<head>内にcssを記述する

4.<body>内に以下のタグを記述
bodyタグの上あたりにというサイトや<%topentry_more>の下に以下を追加 というサイトもいらっしゃいますが、わたしは </body>直前に記述しています。パスは自分のブログに合わせて変更してください。

5.FC2の設定「HTMLタグのみ」を選択します。
6.<textarea>内に表示したいソースコードを記述する


■参考にさせていただいたサイト
http://toshiiy.blog22.fc2.com/blog-entry-91.html
http://greenonions.blog5.fc2.com/blog-entry-63.html
http://morado106.blog106.fc2.com/blog-entry-1.html
スポンサーサイト

Comment

トラックバックありがとうございました

大変申し訳ありません(;´Д`)
トラックバックが重複していたので重複しているのだけ削除しようとしたら、何故か全部のトラックバックが消えてしまいました。。。
もしよろしければまたトラックバックしていただけますとありがたいです。

2010年08月21日 17:28 from taeponURL Edit

Re: トラックバックありがとうございました

blogではいつもお世話になっております(*^_^*)

ご連絡ありがとうございました。
全部消えてしまったんですね(・Θ・;)
また申請させていただきます!

2010年08月23日 08:33 from 勉強中URL

非公開コメント

Trackback

SyntaxHihglighterをFC2に導入

FC2にSyntaxHihglighterを導入してコードをきれいに表示させる方法を紹介します。... SyntaxHihglighterをFC2に導入

2010年08月21日17:17From公開日誌

http://perruche15.blog134.fc2.com/tb.php/16-1596e8fa

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。