[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 を導入してみました。 : のびーの食っちゃね〜だらだらな日々。食っちゃ寝生活してても意外と平気だったりする。
September 15, 201115:48 google-code-prettify を導入してみました。 カテゴリTemporary Comment(0)Trackback(0) ※※このエントリは内容が古くなっています※※ 修正版は シンタックスハイライトされなくなっていたのを修正しました。 になります。必要に応じて参照して下さい。 このところソースコードを載せることが増えてきたので、シンタックスハイライト表示するようにしてみました。 シンタックスハイライトを行うモジュールはたくさんあるのですが、あまりゴテゴテしてるのは好きじゃないので、わりとシンプル目な google-code-prettify を使わせてもらうことにしました。 google-code-prettify は livedoor Blog さんが デザインテンプレート/共通ファイル として提供してくれているので、とて
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ページを開く
DesignTemplate/CommonFile - livedoor Blog まとめサイト
google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting
