SyntaxHighlighter for Movable Typeを組み込んでみる

| コメント(0) | トラックバック(0)

昨日の「ブログウィジェットにアクセスカウンタを設置してみる」でソースコードを綺麗に見せるためにこのプラグインを組み込んでみました。

SyntaxHighlighter for Movable TypeMovable Type 4で開発を終えたとのことですが、MT 6.1でも問題なく使えています。

  1. プラグインの入手

kwLogSyntaxHighlighter for Movable Typeからversion 0.1.1 (2009/10/04 updated)をダウンロードします。

  1. インストール

/plugins」と「/mt-static/plugins」に解凍したファイルを転送します。

20150618204303-7c37fec6befde038972327a736bfbfeea2ee3807.png

  1. 「ブログのプラグイン設定」を確認

プラグインが「有効」になっていることを確認します。

「設定」は必要ありません。

20150618204957-79825f588396c5f1f8dbe0632967dc784e880ac5.png

  1. 「HTMLヘッダー」テンプレートの修正

<$mt:SyntaxHighlighterInclude brush="as3,css,jscript,perl,java,php,plain,xml" theme="default"$>

を追記します。

	<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" /><br />
	<meta name="generator" content="<$mt:ProductName version="1"$>" /><br />
	<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" /><br />
	<link rel="start" href="<$mt:BlogURL$>" title="Home" /><br />
	<link rel="alternate" type="application/atom+xml" title="Recent Entries" href="<$mt:Link template="feed_recent"$>" /><br />
	<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script><br />
	<$mt:SyntaxHighlighterInclude brush="as3,css,jscript,perl,java,php,plain,xml" theme="default"$><br />
	<$mt:CCLicenseRDF$><br />
	<$mt:CanonicalLink$><br />
	<$mt:StatsSnippet$>

  1. 記事の作成

ソースコードを含んだ記事を作成する時は、フォーマットを[SyntaxHighlighter]か[SyntaxHighlighter + Convert Line Breaks]にする必要があります。

「リッチテキスト」が使えないので注意が必要です。

20150618210517-bd0e88ac9d88257cde1000c5f360551938a1889d.png

  1. ソースコードの記述

ソースコードは下記の形式で記述します。(すべて半角です)

[code:language]

<$mt:SyntaxHighlighterInclude brush="as3,css,jscript,perl,java,php,plain,xml" theme="default"$>

[/code]

※languageはソースの言語に合わせて選びます。

下記のように表示されれば完成です。

<$mt:SyntaxHighlighterInclude brush="as3,css,jscript,perl,java,php,plain,xml" theme="default"$>

  1. おまけ

記事の部分は「リッチテキスト」で書いてタグ付きのソースをコピーしておきます。

フォーマットを[SyntaxHighlighter]か[SyntaxHighlighter + Convert Line Breaks]にして貼り付け、ソースコードを組み込めば省力化できます。

 

参考にさせていただいたサイト

kwLogSyntaxHighlighter for Movable Type

miauler「SyntaxHighlighter for Movable Type」を導入しました

トラックバック(0)

トラックバックURL: http://jn4mmo.sakura.ne.jp/mt/mt-tb.cgi/2361

コメントする

2016年3月

    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

アーカイブ

Trackback People

この記事について

このページは、ANDY K. YAMAKITAが2015年6月20日 12:11に書いた記事です。

ひとつ前の記事は「ブログウィジェットにアクセスカウンタを設置してみる」です。

次の記事は「Facebook Comments Pluginを使用してみる 1」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

Powered by Movable Type 6.2.4