SyntaxHighlighter

2013年9月8日日曜日

【Blogger】Bloggerでソースコードを表示(SyntaxHighlighter)

BloggerにSyntaxHighlighterを導入する 

1)以下サイトから、使用するコードと表示タイプを選択してコードを取得する
 http://www.way2blogging.org/widget-generators/syntax-highlighter-scripts-generator 

2)Bloggerのレイアウトで、ガジェットを追加する 

3)ガジェットの種類として「HTML/Javascript」を選択

4)タイトル「SyntaxHighlighter」(何でもよい)を設定 

5)コードの中身に、1)で作成したコードを貼りつける

 以上で完了。

入力例)
---------------------------------------------------
<script type='syntaxhighlighter' class='brush: cpp'><![CDATA[
//コードの内容
]]></script>

表示例)
---------------------------------------------------

0 件のコメント:

コメントを投稿