JimdoへSyntaxHighlighterのインストール

Jimdoへ SyntaxHighlighter を入れました。

SyntaxHighlighterは、HTMLやJavascript等のコードを表示する際に、カラーリングしてくれるすばらしいライブラリです。

 

これで、コードのシンタックスハイライトが可能に。

ファイル数が多く、わざわざアップするのが面倒だったので、全てをダウンロードし自分のサーバーへ。

 

その後、Jimdoメニューから

設定>ヘッダー部分を編集

を選び、下記コードを入力。

<script type="text/javascript" src="http://open-lab.jp/cdn/syntaxhighlighter/scripts/shCore.js">
</script>

<script type="text/javascript" src="http://open-lab.jp/cdn/syntaxhighlighter/scripts/shBrushPhp.js">
</script>

<script type="text/javascript" src="http://open-lab.jp/cdn/syntaxhighlighter/scripts/shBrushJScript.js">
</script>

<script type="text/javascript" src="http://open-lab.jp/cdn/syntaxhighlighter/scripts/shBrushXml.js">
</script>
<link type="text/css" rel="stylesheet" href="http://open-lab.jp/cdn/syntaxhighlighter/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="http://open-lab.jp/cdn/syntaxhighlighter/styles/shThemeDefault.css" />

<script type="text/javascript">
//<![CDATA[
SyntaxHighlighter.config.clipboardSwf = 'http://open-lab.jp/cdn/syntaxhighlighter/scripts/clipboard.swf';
SyntaxHighlighter.all();
//]]>
</script>

そして、コンテンツ(ハイライトさせたいコード)を入力する際には、

<pre class="brush: js">
function test()
{
    alert("OK");
    return 10;
}
</pre>

と入力すると、下記のように表示されます。

function test()
{
    alert("OK");
    return 10;
}

ただJimdoの場合、編集画面上でそのまま表示されるようになっているので、一度プレビューをしないとタイミングによっては編集画面では表示されません。

コメントをお書きください

コメント: 4
  • #1

    Peregrin (月曜日, 23 7月 2012 02:40)

    My spouse and I stumbled over here coming from a different web page and thought I may as well check things out. I like what I see so now i�m following you. Look forward to looking at your web page for a second time.

  • #2

    威哥王 (土曜日, 25 1月 2014 11:45)

    威哥王:http://www.威哥王通販.com/
    RU486:http://www.中絶薬.com/
    巨人倍増:http://www.巨人倍増.net/
    花痴:http://www.花痴.net/
    D10催情剤:http://d10媚薬.xxkanpo.com/
    紅蜘蛛:http://www.紅蜘蛛通販.net/
    淫インモラル:http://www.immoralsale.com/
    インモラル:http://www.immoralsale.com/
    妖姫:http://www.妖姫.net/
    妖姫:http://www.妖姫.com/

    RU486:http://www.中絶薬.com/
    中絶薬:http://www.中絶薬.com/
    d10媚薬:http://d10媚薬.xxkanpo.com/
    D10催情剤:http://d10媚薬.xxkanpo.com/
    媚薬:http://www.女性用媚薬.com/
    花痴:http://花痴.happykanpo.com
    曲美:http://www.曲美通販.com
    三便宝:http://www.三便宝.net/
    巨人倍増:http://www.巨人倍増.net/
    紅蜘蛛:http://www.紅蜘蛛通販.net/
    威哥王:http://www.威哥王通販.com/

    淫インモラル:http://www.immoralsale.com/
    インモラル:http://www.immoralsale.com/
    淫インモラル 販売:http://www.immoralsale.com/
    インモラル 販売:http://www.immoralsale.com/
    媚薬 淫インモラル:http://www.immoralsale.com/
    媚薬 インモラル:http://www.immoralsale.com/

    妖姫:http://www.妖姫.com/
    ようひ:http://www.妖姫.com/
    媚薬 妖姫:http://www.妖姫.com/
    ようひ:http://www.妖姫.net/
    媚薬 妖姫:http://www.妖姫.net/
    妖姫:http://www.妖姫.net/

    紅蜘蛛:http://www.紅蜘蛛通販.com/
    紅蜘蛛:http://www.紅蜘蛛通販.net/
    威哥王:http://www.威哥王通販.net/
    三便宝:http://www.三便宝.com/
    三便宝:http://www.三便宝.net/
    狼一号:http://www.狼一号.com/
    狼1号:http://www.狼一号.com/
    イカオウ:http://www.威哥王通販.com/
    ウェイカワン:http://www.威哥王通販.com/
    イカオウ:http://www.威哥王通販.net/
    ウェイカワン:http://www.威哥王通販.net/

    妖姫 媚薬:http://www.妖姫.com/
    妖姫 販売:http://www.妖姫.com/
    妖姫 通販:http://www.妖姫.com/
    妖姫 効果:http://www.妖姫.com/
    妖姫 媚薬:http://www.妖姫.net/
    妖姫 販売:http://www.妖姫.net/
    妖姫 通販:http://www.妖姫.net/
    妖姫 効果:http://www.妖姫.net/

    RU486中絶薬:http://www.中絶薬.com/
    中絶薬 通販:http://www.中絶薬.com/
    ru486 通販:http://www.中絶薬.com/
    中絶薬RU486:http://www.中絶薬.com/
    RU486激安:http://www.中絶薬.com/
    堕胎薬:http://www.中絶薬.com/

    威哥王:http://www.威哥王通販.com/
    威哥王:http://www.威哥王通販.net/
    紅蜘蛛:http://www.紅蜘蛛通販.net/
    紅蜘蛛:http://www.紅蜘蛛通販.com/
    妖姫:http://www.妖姫.net/
    妖姫:http://www.妖姫.com/
    三便宝:http://www.三便宝.com/
    三便宝:http://www.三便宝.net/
    花痴:http://花痴.happykanpo.com
    花痴:http://www.花痴.net/
    中絶薬:http://www.中絶薬.com/
    RU486:http://www.中絶薬.com/
    淫インモラル:http://www.immoralsale.com/
    インモラル:http://www.immoralsale.com/
    狼一号:http://www.狼一号.com/
    狼1号:http://www.狼一号.com/
    d10催情剤:http://d10媚薬.xxkanpo.com/
    d10媚薬:http://d10媚薬.xxkanpo.com/
    媚薬:http://www.女性用媚薬.com/
    巨人倍増:http://www.巨人倍増.net/
    曲美:http://www.曲美通販.com

  • #3

    紅蜘蛛 (土曜日, 25 1月 2014 11:47)

    紅蜘蛛:http://www.xn--19zl5rhf54s3ve.net/
    花痴:http://www.xn--dtyr5y.net/
    淫インモラル:http://www.immoralsale.com/
    インモラル:http://www.immoralsale.com/
    D10催情剤:http://xn--d10-hl9e441q.xxkanpo.com/
    威哥王:http://www.xn--kwrt2jp9z44w3ud.com/
    巨人倍増:http://www.xn--gmq15an1qquf.net/
    中絶薬:http://www.xn--fiqs66igff.com/
    RU486:http://www.xn--fiqs66igff.com/
    媚薬:http://www.xn--vuss0af3ksozb2s.com/
    妖姫:http://www.xn--vvsqh.com/
    ようひ:http://www.xn--vvsqh.com/
    媚薬 妖姫:http://www.xn--vvsqh.com/
    ようひ:http://www.xn--vvsqh.net/
    妖姫:http://www.xn--vvsqh.net/
    媚薬 妖姫:http://www.xn--vvsqh.net/
    D10催情剤:http://xn--d10-hl9e441q.xxkanpo.com/
    花痴:http://www.xn--dtyr5y.net/
    紅蜘蛛:http://www.xn--19zl5rhf54s3ve.com/
    三便宝:http://www.xn--ehqp5bo3v.com/
    三便宝:http://www.xn--ehqp5bo3v.net/
    威哥王:http://www.xn--kwrt2jp9z44w3ud.net/
    狼一号:http://www.xn--4gq48lvu4a.com/
    狼1号:http://www.xn--4gq48lvu4a.com/
    花痴:http://xn--dtyr5y.happykanpo.com
    淫インモラル:http://www.immoralsale.com/
    媚薬 淫インモラル:http://www.immoralsale.com/
    インモラル:http://www.immoralsale.com/
    媚薬 インモラル:http://www.immoralsale.com/
    D10催情剤:http://xn--d10-hl9e441q.xxkanpo.com/
    RU486中絶薬:http://www.xn--fiqs66igff.com/
    中絶薬 通販:http://www.xn--fiqs66igff.com/
    ru486 通販:http://www.xn--fiqs66igff.com/
    中絶薬RU486:http://www.xn--fiqs66igff.com/
    RU486激安:http://www.xn--fiqs66igff.com/
    堕胎薬:http://www.xn--fiqs66igff.com/
    d10媚薬:http://xn--d10-hl9e441q.xxkanpo.com/
    d10催情剤:http://xn--d10-hl9e441q.xxkanpo.com/
    RU486:http://www.xn--fiqs66igff.com/
    威哥王:http://www.xn--kwrt2jp9z44w3ud.com/
    巨人倍増:http://www.xn--gmq15an1qquf.net/
    紅蜘蛛:http://www.xn--19zl5rhf54s3ve.net/
    花痴:http://www.xn--dtyr5y.net/
    妖姫:http://www.xn--vvsqh.net/
    淫インモラル:http://www.immoralsale.com/
    D10催情剤:http://xn--d10-hl9e441q.xxkanpo.com/
    RU486:http://www.xn--fiqs66igff.com/
    淫インモラル 販売:http://www.immoralsale.com
    インモラル 販売:http://www.immoralsale.com
    媚薬 淫イン モラル:http://www.immoralsale.com
    媚薬 インモラル:http://www.immoralsale.com


    威哥王:http://www.xn--kwrt2jp9z44w3ud.com
    威哥王:http://www.xn--kwrt2jp9z44w3ud.net
    紅蜘蛛:http://www.xn--19zl5rhf54s3ve.net
    紅蜘蛛:http://www.xn--19zl5rhf54s3ve.com
    妖姫:http://www.xn--vvsqh.com
    妖姫:http://www.xn--vvsqh.net
    三便宝:http://www.xn--ehqp5bo3v.com
    三便宝:http://www.xn--ehqp5bo3v.net
    花痴:http://xn--dtyr5y.happykanpo.com
    花痴:http://www.xn--dtyr5y.net
    中絶薬:http://www.xn--fiqs66igff.com
    RU486:http://www.xn--fiqs66igff.com
    淫インモラル:http://www.immoralsale.com
    インモラル:http://www.immoralsale.com
    狼一号:http://www.xn--4gq48lvu4a.com
    狼1号:http://www.xn--4gq48lvu4a.com
    d10催情剤:http://xn--d10-hl9e441q.xxkanpo.com
    d10媚薬:http://xn--d10-hl9e441q.xxkanpo.com
    媚薬:http://www.xn--vuss0af3ksozb2s.com
    巨人倍増:http://www.xn--gmq15an1qquf.net

  • #4

    ビグレックス (火曜日, 27 12月 2016 18:41)

    狼1号:http://www.xxkanpo.com/product/62.html
    狼一号:http://www.xxkanpo.com/product/62.html
    ビグレックス:http://www.xxkanpo.com/product/22.html
    男宝:http://www.xxkanpo.com/product/409.html
    巨根カプセル:http://www.xxkanpo.com/product/136.html
    房事の神油:http://www.xxkanpo.com/product/443.html
    D10媚薬:http://d10媚薬.xxkanpo.com/
    D10催情剤:http://d10媚薬.xxkanpo.com/
    魔鬼天使muira puamaII:http://www.xxkanpo.com/product/290.html
    FLY D5:http://www.xxkanpo.com/product/365.html
    妻之友:http://xxkanpo.com/product/307.html
    SEX DROPS:http://www.xxkanpo.com/product/240.html
    縮陰膏:http://xxkanpo.com/product/249.html
    同仁烏鶏白鳳丸:http://xxkanpo.com/product/423.html
    韓国痩身一号:http://www.xxkanpo.com/product/367.html
    韓国痩身1号:http://xxkanpo.com/product/166.html
    d10媚薬:http://xxkanpo.com/product/286.html
    催情剤:http://xxkanpo.com/product/286.html
    催情:http://xxkanpo.com/product/504.html
    催情粉:http://xxkanpo.com/product/613.html
    催情剤:http://d10媚薬.xxkanpo.com/
    催淫カプセル:http://www.xxkanpo.com/product/391.html
    女性催情剤:http://d10媚薬.xxkanpo.com/
    性奮劑:http://xxkanpo.com/product/502.html

blog comments powered by Disqus