FC2ブログ

スポンサーサイト

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

↑やる気アップにご協力をお願いします。わぁいヽ(∇⌒ヽ)(ノ⌒∇)ノわぁい♪

こんな記事もありますよ


FC2ブログにSyntaxHighlighter3.0.83を導入してみた!(準備編)

SyntaxHighlighter 3.0.83の導入を試みて早半月が経過・・・

ようやく導入にこぎつけることができました。

導入に当たって、Linux愛好者の独り言の管理をされている
五月雨へちま様には大変お世話になりました。

この場を借りて、深く感謝申し上げます。

本当にありがとうございました。

さてさて、実際に自分も導入が出来たのですが、
その導入手順を簡単(てきとう)に説明してみたいと思います。
正直細かい説明は抜き!です ( ̄^ ̄) キッパリ!

(この導入方法については、前述したLinux愛好者の独り言
紹介されている内容を参考にして記述しています。
詳細な説明等も記載されていて大変参考になりました。
カテゴリー:SyntaxHighlighterをご一読されることをお勧めします。)

全部を書くと長くなりそうなので、「準備編」・「導入編・利用編」・
「かすたまいず編」の3つに分けてさせていただきますね。

今回は準備編ですので、本体のダウンロードから、
FC2サーバーへのアップロードまでを記述していきます。


兎にも角にも、まずSyntaxHighlighter 3.0.83を手に入れるところからですね・・・

1.
SyntaxHighlighter公式サイトの右側に
「download」の文字があるので、移動したページの
「Click hear to download」から「syntaxhighlighter_3.0.83.zip」を
ダウンロードします。

2.
ダウンロードしたを「syntaxhighlighter_3.0.83.zip」を
適当な場所に解凍します。

3.
解凍したファイルから必要なファイルのみをアップロードします。
自分がアップロードしたファイルは

(scriptsフォルダから)
shCore.js
shBrushVb.js
shBrushXml.js
shBrushCss.js


(stylesフォルダから)
shCoreRDark.css

以上の5つです。

アップロードした際に、

http://blog-img-xx.fc2.com/x/x/x/access2genzo/shCore.js

のように、アドレスが表示されます。このアドレスは、(導入・利用編)で利用するので
必ず控えて置いてください。

shCore.js必ずアップロードする必要がありますが、
shBrush***.js は、自分がSyntaxHighlighterで利用したい
言語に対応したものを選択してアップロードします。

対応言語とファイルは本家サイト(Syntaxes)で確認できます。

自分の場合は、XML(HTML)・CSS・VB(VBA)に対応させる為の
上記の3つを選択しています。

stylesフォルダから選択するCSSファイルは、
SyntaxHighlighterの書式に関するファイルになりますので
自分のイメージに沿ったものをアップロードしてください。
(各イメージは本家サイトの「themes」をご覧ください。)

ちなみに、CSSのカスタマイズも可能なので、とりあえずで選んでも
よいかな~っと思います。(^^ゞ

SyntaxHighlighter導入に当たって、(scriptsフォルダ内の)shAutoloader.js
もアップロードする方法もあるようですが、自分は(理解できなかったので)、
必要ありませんでした。

ここまでアップロードが出来たら、ブログテンプレート等の編集を行って
実際に動作させてみる(導入・利用編)に進みます。

って・・・誰も見てないか・・・o(〃^▽^〃)oあははっ
↑やる気アップにご協力をお願いします。わぁいヽ(∇⌒ヽ)(ノ⌒∇)ノわぁい♪

こんな記事もありますよ


コメントの投稿

非公開コメント

Author's Profile ~自己紹介~

Genzo

Author:Genzo
PCは一応自作できるレベル。
ワード・エクセルなら基本的に
扱えるレベル。
プログラム・・・?ん?
VBA・・・?ん?ん??
それって美味しいですか?


~ 当ブログについて ~

~ Mail2Genzo  ~

Calender&Search かれんだーと検索

07 | 2018/08 | 09
- - - 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 -

Access2Genzo内で検索

Category ~かてごりー~

Comments Tree ~こめんとつりー~


Link ~りんく~

ブロとも申請フォーム

Counter ~かうんた~

Since 2010/08/01:

Online:

タグクラウド

最新トラックバック

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