アメブロにソースを載せる | とあるプログラマーのブログ

とあるプログラマーのブログ

Unityやblender、Live2Dについて書いていきます!

よくブログに行数が表示されたソースをみかけるじゃないですか
自分もトライしてみようと思い、SyntaxHighlighterを導入してみました

参考ページ:SyntaxHighlighter ver2 を導入してみる

[SyntaxHighlighter導入方法]
(1)まずSyntaxHighlighterをダウンロードして、自分のサーバにUP
SyntaxHighlighter2.0.278

(2)次にアメブロにプラグイン追加します


ここでは自分のサーバにUPしたURLを設定します
[記述ソース]

<script type="text/javascript" src="http://***/js/shCore.js"></script />

<script type="text/javascript" src="http://***/js/shBrushPhp.js"></script />

<script type="text/javascript" src="http://***/js/shBrushXml.js"></script />

<script type="text/javascript" src="http://***/js/shBrushCss.js"></script />

<script type="text/javascript" src="http://***/js/shBrushJava.js"></script />

<script type="text/javascript" src="http://***/js/shBrushPlain.js"></script />

<link type="text/css" rel="stylesheet" href="http://***/css/shCore.css"/>

<link type="text/css" rel="stylesheet" href="http://***/css/shThemeDefault.css"/>

<script type="text/javascript">

SyntaxHighlighter.config.clipboardSwf = 'http://***/js/clipboard.swf';

SyntaxHighlighter.config.bloggerMode = true;

SyntaxHighlighter.all();

</script />

(3)追加したいソースをHTML表示モードで書きます
 ※ brushの後にソース種類を書く(java, php, xml, html, css など)


(4)記事を公開するとソースがきれいに表示されます
  ※ 下書きプレビューだと確認できないです



ただAndroidの画面レイアウト用のXML(Button要素)は、HTMLのボタンが表示されてしまいうまくいきませんでした

↓ 以下のようなソースはボタンになるかエラーになる

 <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="@string/reset" />