db.SyntaxHighlighter

電脳備忘録

db.SyntaxHighlighterを設定してみました。

GoogleCodeから SyntaxHighlighter_1.5.1.rar をダウンロード。
rarを解凍できなかったので  unrar をyumでインストール

yum -y install unrar

先にダウンロードしたSyntaxHighlighter_1.5.1.rarを解凍し、フォルダを任意の場所へ移動

MovableTypeの管理画面から
「デザイン」→「テンプレート」→「HTMLヘッダー」と選択し下記のコードを記述。

<link rel="stylesheet" href="<$MTBlogURL$>dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css" type="text/css" />

メインページのbody終了タグの直前に下記のコードを記述

<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shCore.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shBrushCss.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/shBrushJScript.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '<$MTBlogURL$>dp.SyntaxHighlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
</body>

<textarea name="code" class="xhtml"></textarea>で囲えばソースが表示される。
classは下記の通り

C++cpp, c, c++
C#c#, c-sharp, csharp
CSScss
Delphidelphi, pascal
Javajava
Java Scriptjs, jscript, javascript
PHPphp
Pythonpy, python
Rubyrb, ruby, rails, ror
Sqlsql
VBvb, vb.net
XML/HTMLxml, html, xhtml, xslt

これで、より備忘録として使えそうです。

広告

ブログの維持費に充てるでございます・・・。