無料ブログはココログ

« 平成23年度東京都市大学環境情報学部 小池研究室・岡部研究室合同卒業展覧会 | トップページ | Windowsにruby-serialport-0.7.0 をインストール »

2012年2月25日 (土)

SyntaxHighlighter 3.0をココログにインストール

忘れないうちにメモ

ブログにきれいにソースコードを表示するSyntaxHighlighter 3.0をいれてみた。
ソースコードをダブルクリックすると選択状態になる。


ここからダウンロード
http://alexgorbatchev.com/SyntaxHighlighter/download/

管理画面のコントロールパネル>ファイル
でScript3とStyles3
というフォルダを作成。フォルダ名はなんでもいいそうです。

Script3の中にダウンロードしたフォルダのscriptフォルダの中の

shCore.js

及び必要な言語のファイルを選ぶ。 
私は
Ruby PHP Peal Javascript xmlを選択。

shBrushRuby.js
shBrushPhp.js
shBrushPerl.js
shBrushJScript.js
shBrushXml.js

をアップロード

Styles3のフォルダにダウンロードしたstylesフォルダに入っていた
shCore.css
shThemeDefault.css

をアップロード

以下のjavascriptを作成し











ブログ>設定

「ブログのサブタイトル(キャッチコピー)」
の中にコピーして
「変更を保存」を押して「サイトに反映」で反映させる。

ブログ中にpre タグで囲んでソースコードを記述

TEST

http://todotani.cocolog-nifty.com/blog/2010/11/syntax-highligh.html
http://aquaman.cocolog-nifty.com/blog/2011/02/windowonload-fu.html

を参考にさせていただきました。

« 平成23年度東京都市大学環境情報学部 小池研究室・岡部研究室合同卒業展覧会 | トップページ | Windowsにruby-serialport-0.7.0 をインストール »

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/111410/54076170

この記事へのトラックバック一覧です: SyntaxHighlighter 3.0をココログにインストール:

« 平成23年度東京都市大学環境情報学部 小池研究室・岡部研究室合同卒業展覧会 | トップページ | Windowsにruby-serialport-0.7.0 をインストール »

2017年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