ソースコードをハイライトするSyntaxHighlighter3.0を使いこなす
導入編：DevAchieve: BloggerにソースコードをハイライトするSyntaxHighlighterを導入する SyntaxHighlighterを使用してソースをカラフルに表示するには、 以下の二通りの方法で記述することができます。 preタグを使う scriptタグを使う preタグを使う<pre class="brush: alias;"> // ココにソースを記述 </pre>メリット：後述のscriptタグと違ってハイライトスクリプトが読み込まれなくてもテキストとして表示される。 デメリット：<以降がタグとして認識されるため<と書き換えなければならない。 Bloggerの人気の投稿ウィジェットに表示される記事の前文にpreタグまで含まれると 表示が狂うことがある。(何が原因かわからないけどコレのせいで最初からHTML/CSS組み直した(´Д⊂ヽ) このせいで記事の
BloggerでSyntaxHighlighterを使用する方法
Syntax Highlighter Scripts Generatorを 使用しろと紹介してあるサイトが多いようだが、2014/10/24現在、リンクが切れてしまっていて良く分からないので、別の方法で BloggerでSyntaxHighlighterを使用する方法を調べてみた。 SyntaxHighlighterの公式ページのInstallationを見ると <!-- Include required JS files --> <script type="text/javascript" src="js/shCore.js"></script> <!-- At least one brush, here we choose JS. You need to include a brush for every language you want to highlight --> <scri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
