So-net無料ブログ作成

最初から、ブログへのソースコードの貼り付けで苦戦する [その他]

ブログ開始するにあたって、ソースコードの貼り付けに苦戦しました。
素テキストが単にベタっと貼れれば良いんですが、、、

〜〜〜
・SO-NETブログにソースコードを貼り付ける
「SyntaxHighlighte」が比較的有名らしく、SO-NETでも使えそうなので使ってみました。
	参考:http://alexgorbatchev.com/SyntaxHighlighter/

テンプレート→HTML編集で</head>の直前に次をいれます。









2行目の「shThemeDefault」テーマ。
	参考:http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/
5行目の「shBrushPlain」は素テキスト用。
	貼り付けたいソースコード用のjsを追加します(5行目の後に)。
	参考:http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
6行目は、無いと表示失敗するときがありました。


	そして、ここに書く
	"brush: text; first-line:10; ..."
	などとオプションを追加できる。
旧版を使うためには、URLでcurrentの変わりに2.1.382とします。 src="http://alexgorbatchev.com/pub/sh/2.1.382/... バージョンによって見え方がかなり違います。 SyntaxHighlighterの前に、次を考えました。 こちらの方が読みやすいのですが、複数ブロックかけ無いなどの問題がありまして。

タグ:HTML
コメント(3)  トラックバック(1) 

コメント 3

t-watnb

私もソースコードを貼り付けしようとして、参考にさせていただきます。
ありがとうございます。
by t-watnb (2011-05-12 16:54) 

kamosan

少しずつ見直しておりますのでブラウザの「ページのソースの表示」等で
いまどうなっているか、確認お願いできればとおもいます。
by kamosan (2011-05-12 22:35) 

ふら

はじめまして。
Syntax Highlighter導入の参考にさせていただきました。
by ふら (2011-06-18 11:14) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 1

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。