FC2ブログでソースコードを綺麗に表示する方法


    ①syntaxhighlighterをダウンロードする
     (https://code.google.com/archive/p/syntaxhighlighter/downloads)
     syntaxhighlighter1.png

    ②ダウンロードしたファイルから以下のファイルをFC2ブログにアップロードする
     /Scripts/shCore.js
     /Scripts/shBrushXml.js
     /Styles/SyntaxHighlighter.css

     Scriptsフォルダには対応する言語のjsファイルが入っているので、
     必要に応じてアップロードする
     shBrushCpp.js、shBrushCSharp.js、shBrushCss.js、shBrushDelphi.js
     shBrushJava.js、shBrushJScript.js、shBrushPhp.js、shBrushPython.js
     shBrushRuby.js、shBrushSql.js、shBrushVb.js、shBrushXml.js

    ③FC2ブログの<head>内に以下を記述する

    ④FC2ブログの</body>の下に以下を記述する

    ⑤FC2ブログの「自動改行」を「HTMLタグ以外は無視」に設定する
     syntaxhighlighter2.png

    ⑥実際に記事を書く際は以下のように記述する

    <textarea name="code" class="html"> ソースコード</textarea>

     ↓


    関連記事
    スポンサーサイト