如何在我的私人博客中显示代码块

时间:2012-12-25 13:46:21

标签: jquery html5 jquery-ui

我想在我的私人博客网站上显示代码块。我从头开始创建它。 如何进行。我完全糊涂了。

2 个答案:

答案 0 :(得分:0)

使用正确的标记使代码等宽,并按原样保留空格。这基本上意味着使用<pre><code>

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

之后你只需添加一些漂亮的CSS样式,使它看起来不错。如果你想要像Stack Overflow这样的语法高亮显示,最简单的方法是添加google的美化:http://code.google.com/p/google-code-prettify/

答案 1 :(得分:0)

试试Syntax Highlighter。它很容易看起来很好。
Demo Link