ブログ上でプログラムソースを表示する方法1今日のPythonPython中心に、日々発生する疑問点や解決策を記録していきます。内容が間違っていたらゴメンね。このブログは目次を用意しています。記事をお探しの際は、ご利用ください。SyntaxHighlighterソースコードをHTMLに変換するサービスを始めました。「インラインCSS」をチェックするとコード量が多くなりますが、特別な設定なしでコードをブログ等に表示することが可能になります。宜しかったら、ご利用ください。(最初の画面表示までに時間が掛かる場合があります)番外編ですが、ブログ上でプログラムソースを表示する設定について書きます。いろいろなサイトを見ていると、キレイにプログラムソースを表示しているサイトが目に付く。調べたところ、幾つかの方法があるようだ。「MA-CREATORS」さんのサイト)お手軽そうなJavaScriptを利用する方法でも、いろいろなライブラリーが提供されており良く分からない。使って設定してみようと思う。SyntaxHighlighterを使う場合でも、いろいろな方法があるようだ。今回はシンプルに、ブログサイトだけで設定完了可能な方法を使いたいと思う。SyntaxHighlighterのダウンロード次のリンクからダウンロードを行い、ダウンロードしたZIPファイルの解凍も行う。ver3.0.83)SyntaxHighlighterダウンロード必要なSyntaxHighlighterのファイルのアップロードコアファイル(SyntaxHighlighterのscriptsフォルダーに存在)shCore.jsshAutoloader.js各言語ファイル(scriptsフォルダー)shBrushPlain.jsshBrushCss.jsshBrushXml.jsshBrushPython.jsshBrushJScript.jsCSSファイル(stylesフォルダー)shCoreDefault.css各言語ファイルは必要なものだけアップロードすればよい。私はplainCSSXMLPythonJavaScriptといった言語だけが必要なので、shBrushの後に該当する言語名が付いたファイルをアップロードする。アップロードは、seesaaの「記事投稿」→「ファイルマネージャー」を使用する。アップロード・ディレクトリは後述するHTML修正箇所と合わせる必要がある。今回は、syntaxを使用する。HTMLの修正seesaaの「デザイン」→「HTML」からHTML管理画面を開く。「HTMLの追加」をクリックし、下のコードを</body>ダグの直前に追加する。-->HTMLでは以下のファイルを読み込むよう指定している。shCore.jsshAutoloader.jsshBrushXml.jsshCoreDefault.css各言語ファイルは必要時に自動的に読み込まれるように設定している(強調表示部分)。aliasesとファイル名を次のように記述する(スペースで区切る、先頭列以外はコンマを列頭に付ける)。@ファイル名ファイル名の頭の@マークは、読み込み時にファイルの位置するURLに変換されるため付ける必要がある。shBrushXml.jsだけは後述するhtml-scriptオプションの関係もあり、自動読み込みを使わず最初に読み込んでしまう方が良い。記述ではオプションのデフォルト値を変更している。書いてある部分は環境に合わせて変更して欲しい。HTMLの修正が完了したら保存する。その後変更したHTMLを適用する。