jquery - プライベート ブログにコード ブロックを表示する方法

Question

プライベート ブログ サイトにコード ブロックを表示したいと考えています。一から作成しています。それを進める方法。私は完全に混乱しています。

Answer 1

適切なマークアップを使用して、コードを等幅にし、空白をそのまま保持します。これは基本的に<pre>andを使用することを意味し<code>ます:

<pre><code>
your();
code = "here";
</code></pre>

その後、見栄えを良くするために素敵な CSS スタイルを追加するだけです。また、Stack Overflow のように構文の強調表示が必要な場合は、Google の prettify を追加するのが最も簡単な方法です: http://code.google.com/p/google-code-prettify/

Answer 2

Syntax Highlighterを試してください。その簡単で、本当によく見えます。
デモリンク