[JS][CSS] google-code-prettifyをlivedoorBlogに公式の共用ファイルを使って導入する - [μ] Creaism.Blog
[JS][CSS] google-code-prettifyをlivedoorBlogに公式の共用ファイルを使って導入する 2012年01月24日 01:07 No Comments No Trackbacks カテゴリ技術メモデザイン タグ ：JavascriptCSSgoogle-code-prettifydesignチュートリアル DesignTemplate/CommonFile - livedoor Blog まとめサイト - livedoor Wikiを読んで、 livedoorBlogのデザインテンプレートをカスタマイズする際、 共通して利用できるファイルの中に、google-code-prettifyがあることを知り、 早速、導入してみました。手順は簡単。たったの４作業だけ。 手順 google-code-prettifyのCSSファイルを読み込む。 jQueryのJSファ
![[JS][CSS] google-code-prettifyをlivedoorBlogに公式の共用ファイルを使って導入する - [μ] Creaism.Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/da78a05937633f7a2b4b2219826151c370cd607b/height=288;version=1;width=512/https%3A%2F%2Fparts.blog.livedoor.jp%2Fimg%2Fusr%2Fcmn%2Fogp_image%2Flivedoor.png)
google-code-prettify + jQuery でソースコードをハイライトする | JavaScript | かたつむりくんのWWW
ソースコードをハイライト表示してくれる JavaScript ライブラリは数多くありますが、今回、このブログに google-code-prettify というライブラリを導入してみました。 少し前までは dp.SyntaxHighlighter（ソースコードをカラフルに読みやすくする - dp.SyntaxHighlighter ）を使っていましたが、どうもイマイチ好きになれなかったので使用をやめていましたので、久しぶりのハイライト表示です。 google-code-prettify については、導入方法も含めて「【ハウツー】ハイライトもGoogle流 - "google-code-prettify"でソースコードに色付けを | マイコミジャーナル」で分かりやすく説明されていますので、ここでは jQuery を使っている環境下で、ブログ記事内のソースに一切手を加えない導入方法を紹介します
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
