ブロとも申請 全記事一覧

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

シンタックスハイライトの導入

当ブログでは、端末上で実行するコマンドを記述することが多いのですが、
文章と同じ表示形式(スタイル)のため、見づらかったと思います。

そこで、コマンドやコードなどをハイライト(色付けなど)表示するように
「SyntaxHighlighter」を導入してみましたのでご紹介します、、、

<手順>
1. 以下のサイトより、SyntaxHighlighter をダウンロードする。

SyntaxHighlighter - download

2. ダウンロードしたファイル(zip)を任意の場所に解凍する。

3. 解凍したファイルから、以下のファイルを FC2 BLOG にアップロードする。
・shCore.js
・shCore.css
・shThemeDefault.css

4. ハイライト表示させたいソース形式に対応する .js ファイルを FC2 BLOG にアップロードする。
例. Bash/shell をハイライト表示させる場合
・shBrushBash.js

5. FC2 BLOG の管理画面の環境設定 > テンプレートの設定にアップロードしたファイルを参照するよう以下の記述を追加する。
※以下の「yourdomain」の箇所は、環境に置き換えて設定してください。
※「bloggerMode」は、改行の成魚を行うプロパティです。true, false 変更してみて最適な方を設定してみてください。




6. 記事を書く際に以下のように pre または script タグを使って記載する。
例.Bash/shell をハイライト表示させる場合





以上です。
SyntaxHighlighter は見栄えが良くなるので、コマンドやソースを書く方は、
ぜひ導入してみると良いのではないでしょうか。
より詳しい使い方は、下記の公式サイトを参照してみてください。


<参考サイト>
SyntaxHighlighter 公式サイト

コメントの投稿

管理者にだけ表示を許可する

ブログを購読する
プロフィール

Red456

ブロガー:Red456

最新情報

Red456_openSUSEをフォローしましょう
openSUSE 関連サイト
お気に入りのサイト
カテゴリ
NAS (1)
NFS (1)
カレンダー
09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
最新コメント
アクセス数
タグクラウド


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。