今までも何度か行ってきた事だが、このブログのように開発に関しての事を書いているとサンプルソースを残す事がある。
今までは、見れればいいや！といった感じで、あまり気にせずに行っていたのだが、やはり、見栄えが悪いし、ソースを貼付ける為の環境を整備しておく事にした。
行った事は単純で、「SyntaxHighlighter」を利用して表示可能にしたのだが、意外と手間取ってしまった。
この事に関しては、いろいろな所で紹介されていたので、特に難しい事ではないと思っていたのだが、自分の使っている環境の為（おそらく、忍者ブログの為）にちょっと悩んでしまった。
手順としては、ファイルをダウンロードし、必要なファイルをブログの環境に入れていくだけ。
参考にしたのは、以下のサイト
http://tkredcatbloglife.atgj.net/hp技術/syntaxhighlighterを忍者ブログで使ってみる
上記のサイトに書かれている内容をそのまま出よいのだが、個人的に悩んでしまったのが、２個あった。
１つめは、ファイルの置き方で、上記サイトの方が参考にされたサイトに書かれていたのだが、忍者ブログでは、フォルダでのアップロードが出来ない。
結果的に、そんな事は気にせず、ファイルをアップロードして、テンプレートに書くファイルのパスと名前さえ合っていれば問題なかった。
２つめは、実は、問題なく出来ていたのだが、正しく出来ているのかの確認が出来なかった。
プレビューで表示をかけると、崩れてしまい、どこか間違っているのか探してしまった。
結果的には、何の問題もなく、プレビューでは表示が崩れるが、公開すると問題なくきれいに表示された。
これに気がつかずに何度かやり直してしまった。
まぁ、これで、環境は出来たので、次にサンプルソースを書く時には活用していきたい。
[0回]
PR
