2013年8月26日月曜日

Blogger(ブログ内)にてソースコードを表示する

Androidアプリの開発にあたり、ソースコードを含めた備忘録を残そうと思っていたが、流石にソースコードをベタ貼りするのはカッコ悪いので、綺麗に表示してくれる方法を調べてみた。
すると、
syntax-highlighter-scripts-generatorというサイトがあったので紹介します。


■ブログ内のソースコードを綺麗に表示してくれる方法■

1、以下のサイトにアクセス。
  syntax-highlighter-scripts-generator

2、下記のように選択(例:Java)。
  ・Select a Theme for Syntax Highlighter:Eclipse
  ・Select Brushes:Java

3、生成されたスクリプトをコピーし、[テンプレート]->[HTML の編集]で<\head>の直前に貼り付け。
  ※Ctrl+Fで<\head>と検索する良い。

4、後は <pre class="brush: ****;">表示したいコード</pre>をhtmlとして記載するだけ!
※Javaの場合は、****をJavaと記載。





○記載例
 

      public class MainActivity extends Activity {

      @Override
      public void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_main);
      }
  }


○表示例
    public class MainActivity extends Activity {

      @Override
      public void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_main);
      }
  }




0 件のコメント:

コメントを投稿