« ある文字列のうち、nバイト以内に収まるのは何文字か | トップページ | ボタン押したときに目的の位置までスクロールさせたい »

2014年4月18日 (金)

ココログでソースコードを見やすくする

SyntaxHighlighter を入れたりました。


プログラムのソースコードを見やすくするやつです。
ココログは使いにくいなー書いてもパッとしないし、と思ってたけどこういうのやるだけでモチベぐっとあがりますね。
一時的にですけど。


ここ http://trivia.cocolog-nifty.com/blog/2013/04/post-0fcc.html に従って。


簡単に書くと、SyntaxHighlighter を落としてきて http://alexgorbatchev.com/SyntaxHighlighter/ 解凍します。ココログの「コントロールパネル」の「ファイル」で、適当にフォルダ作って、そこにJavaScriptとCSSを全部アップロードします。で「ブログ」の「設定」で、「ブログのサブタイトル」に使うJavaScriptとCSSを書いておく。

ブログのサブタイトル
<script src="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shCore.js" type="text/javascript"></script>
<script src="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shBrushAS3.js" type="text/javascript"></script>
<script src="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shBrushCpp.js" type="text/javascript"></script>
<script src="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shBrushCss.js" type="text/javascript"></script>
<script src="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shBrushCSharp.js" type="text/javascript"></script>
<script src="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shBrushJScript.js" type="text/javascript"></script>
<script src="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shBrushPlain.js" type="text/javascript"></script>
<script src="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shBrushXml.js" type="text/javascript"></script>
<link href="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shCore.css" rel="stylesheet" type="text/css" />
<link href="http://自分のサイトのアドレス-nifty.com/作ったフォルダ/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();
</script>

なお、上記だと今時点で配布されているすべてが載っているわけではないので注意を。具体的に言うと上記別サイトのをコピって入れて、僕はC#が多いのでパッと書いてみたらエラーダイアログばっか出やがりまして。
上記のは減らし済みです、PerlやPythonは僕はきっと使わない。自分が使うものだけ書いておけばいいのではないかと思います。


書くときはpreタグの class に、こんな感じに指定する。

<pre class="brush: c#;">
C#のソースコード
</pre>

たとえばC#の場合、c#、csharp、c-sharp の3つの書き方ができるようなので、ちらっとでもジャバスクリプトのソース見ておくといいですよ。

« ある文字列のうち、nバイト以内に収まるのは何文字か | トップページ | ボタン押したときに目的の位置までスクロールさせたい »

パソコン・インターネット」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック


この記事へのトラックバック一覧です: ココログでソースコードを見やすくする:

« ある文字列のうち、nバイト以内に収まるのは何文字か | トップページ | ボタン押したときに目的の位置までスクロールさせたい »

AmazonSearch


最近のトラックバック

無料ブログはココログ