忍者ブログ

うろのなか(工事中)

現在工事中です。色々実験してるのでデザインが大きく崩れます。

SyntaxHighlighterを導入してみた

ソースコードをブログ内に記述したいことが多くなってきたのでブログ内にSyntaxHighlighterを導入してみました


↓下のようにソースコードを表示させることができます(ソースコードは適当に引っ張ってきたので内容とは関係ありません)
public interface ISelector {
	
	public void update();
	public void setOnRequestListener( IOnRequestListener listener );
	
	public void scroll( TouchEvent pSceneTouchEvent );
	public void decide();
	
	public void resetSelect();
	
	public int getNowSelect();
	public int getSelectMax();
	
}

導入するにあたって以下のサイトの記事を参考にさせてもらいました
PCメモ 忍者ブログにSyntaxHighlighterを導入する
SyntaxHighlighter 忍者ブログでソースコード表示|IT女子の仕事メモ

一応こちらの方でも導入方法をまとめてみると

1.こちらのページで自分が利用するスクリプトを選択し、テンプレート用のソースコードを入手する

↑自分の場合はEclipseとJavaを選択した

2.ブログの管理ページに行き、デザインからPC用のテンプレートの編集画面に行き、2で入手したソースコードを<head>タグの中に貼り付ける(忍者ブログの場合)

3.<pre class="brush: java;">ソースコード</pre>のように<pre>タグの中にソースコードを記述する

以上の手順でSyntaxHighlighterを導入することができます

拍手[0回]

PR