ブログにソースコードを綺麗に記載するのにSyntaxHighlighterが良いらしいので
Livedoor blogに入れてみました。
こんな感じに表示できます。
やり方は
１．SyntaxHighlighterのダウンロード
ここからダウンロードして解凍します。
２．Livedoor blogにアップロード
必要なのはscriptsとstylesなので、
画像/ファイル→ファイル管理でscriptsとstyleというフォルダを作成してファイルをアップロードする。
全ファイルをアップロードすれば問題ないですが、もし厳選したいのなら
※scriptsで必須なのは「shCore.js」。他に自分の使用したい言語のファイルをアップロードします。
ここに一覧表があります。
※stylesで必須なのは「shCore.css」。他に自分の使用したいスタイルのファイルをアップロードします。
一覧表はここ。この後は「shCoreDefault.css」を使っています。
フォントサイズが1emになっているので、フォントサイズを変えたいなら
各ファイルの「font-size」を変更します。（各ファイルに４カ所ぐらいあります）
このブログでは12pxにしてあります。
３．コードを挿入する
ブログ設定→デザイン/ブログパーツ設定→カスタムJS→head内に
を記入します。
＊＊の部分は各自のブログドメインを入れます。
body内には
を記入して、保存します。
４．ブログに記載する。
<pre class=”brush: css”>と</pre>でコードを囲むと、
こんな感じに表示できます。
htmlの場合は、<pre class=”brush: html”>と</pre>で囲みます。
対応表はここにあります。
どれか１つクリックお願いします。
スマホ・携帯の方はこちらをクリックお願いします。
Sponsored Link
コメント
ぶんじぶさんは凄いですね～、ＨＴＭＬも出来るんですか～？
大分ＨＰの体裁が変わって字が大きくなり見やすくなりました。
こちらはOSをWindows7 から、Windows10 にインターネット経由で自動バージョンアップしたら、新しいブラウザ（Edge）が付いていて、IEと、FireFoxと、GoogleChromeと、４つもブラウザが増えました。
さすがに４つのブラウザの同時進行はしんどいですが、Edgeは落書きが出来るのが面白いです。
>Минминさん
お久しぶりです。お元気ですか？日本はだいぶ涼しくなりましたか？
こちらはここ数日急に暑くなってきて、まさしく残暑が厳しいです。
HTMLは色々検索してなんとか分かるぐらいなので、全然できないですよ～
見やすくなりましたか？色々いじっている効果が出てうれしいです。
OSをバージョンアップしたんですね。使い心地はどうですか？
不具合があると嫌なので、日本に帰ってからやろうかと思っています。
ブラウザ4つはどのように使い分けているんですか？
東京は７月～８月は猛暑が長く続き、８月～９月は秋雨が長く続いています。
まったく日本の今年の夏の天気は地球温暖化の影響か異常です。
は、昔習って自作ＨＰも作りましたが、もう忘れてしまいました。
ブラウザは、まず基本 IEで見て、次に履歴が出る FireFoxで入念に、
GoogleChromeは予備的に、慣れない Edgeは地図にマーキングするのに使っています。
>Минминさん
ヨーロッパも春は洪水、夏は猛暑でした。去年は長雨でしたし
やはり世界的に異常気象なのかもしれませんね。
ご自分のHPも作ってたんですか。それは凄いですね。
最近はブログもHPも手軽に作れるようになりましたね。
あれ～？ 気が付いたらキリル文字も「半角」で表示されていませんか？
＝テスト＝
Една Българска Роза
Добър вечер приятелю млад,
добър вечер другарю.
Добре дошъл в нашия град,
добре дошъл в България.
Вземи във този хубав ден една българска роза от мен.
Нека тя да ти разкаже с ароматния си глас
за Балкана, за морето и за всички нас, всички нас.
>Минминさん
見た目半角ですが、他のところにコピペするとやっぱり全角ですね。