Welcome to my blog

ブログカスタマイズ

【FC2ブログ】ソースコードを公開しよう!ってことで、SyntaxHighlighterを導入してみた。【ソース有】

0
深緑の女魔術師です。

前から、使ってみたかったんですよね。

使ってみたいというより、
一体どうやって、ほかのブロガーさんやらが、
公開しているのだろう??

っていう疑問があって、先日調べたまでです。

いろいろ方法はあるみたいですが、
件名の通り「SyntaxHighlighter」をチョイス。

導入方法

1.ダウンロード 公式サイトのダウンロードより、最新版を取得。 2.解凍と設置 まだ詳しくないですが、回答したフォルダ群の中で以下のみ利用。 ・scripts ・styles 3.HTMLソースに記載 以下のように、参照情報を記載
    //メインの必須JavaScriptファイル
    

    //これも必須っぽいJavaScriptファイル
    

    //これは、JavaScript公開に必須なファイル
    

    //最後におまじないをかける(上記JSの何かを読んでて必須とのこと)
    

    //付属のCSSも参照する(デフォルトCSS)
    

例では、JavaScriptのみの表示を想定しています。 ほかの言語を表示したい場合は、 付属のJavaScriptファイルを別途読み込む必要があります。 4.使ってみる 以下のようにpreタグで括って使います。
//↓開始タグ
//下記は、JavaScriptなので、"brush:js"をClass指定
//SQLなら、"brush:sql"等、言語に合わせる

//以下のように、ソースを記載する

//S 2016/02/28 ADD 深緑

//変数宣言
var strWord;

//値設定
strWord = new String("Hello World!");

//表示
alert(strWord);

//E 2016/02/28 ADD 深緑

//↑終了タグ
ちゃんと表示されるのか不明・・・ #火狐でしか、確認しておりません・・・ 5.FC2ブログで使う場合の諸注意 (他ブログ知りません) FC2ブログの場合、記事投稿の設定で  改行の扱い 自動改行 OR HTMLタグのみ とあるので、HTMLタグのみに変更が必要です。 6.表示が重い? なんだか重たい? あまり多用しちゃだめだね・・・きっと。 以上。
関連記事
スポンサーサイト
最後まで読んでくれてありがとう!

こんなブログですが、
クリック応援はすごい励みになるので大歓迎です!

にほんブログ村 ゲームブログ ぷよぷよ・ぷよぷよクエストへ   にほんブログ村 スロットブログへ   web拍手 by FC2
深緑の女魔術師ブログCSSSyntaxHighlighter

0 Comments

There are no comments yet.

Leave a reply