【问题标题】:How to display code blocks in my private blog [closed]如何在我的私人博客中显示代码块 [关闭]
【发布时间】:2012-12-11 10:57:52
【问题描述】:

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

【问题讨论】:

标签: jquery html jquery-ui


【解决方案1】:

试试Syntax Highlighter。它很简单,看起来非常好。
Demo Link

【讨论】:

  • 是的,我看过了。它不错的选择。谢谢:)
【解决方案2】:

使用适当的标记使代码等宽并保持空白不变。这基本上意味着使用<pre><code>

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

之后,您只需要添加一些漂亮的 CSS 样式以使其看起来更漂亮。如果你想要像 Stack Overflow 上的语法高亮,最简单的方法就是添加谷歌的美化:http://code.google.com/p/google-code-prettify/

【讨论】:

  • 谢谢..但我想显示这个网站的代码:developer.mozilla.org/en-US/docs/DOM/Using_web_workers 我还需要颜色突出显示和缩进。
  • 你真的阅读我的回答了吗?缩进由您自己完成并使用&lt;pre&gt; 标签保留。为了突出显示,我已将您链接到 SO 上什至在此处使用的内容。
  • 是的,它在我发布评论后得到了更新。谢谢:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2010-09-10
  • 1970-01-01
  • 1970-01-01
  • 2014-02-21
  • 2019-05-28
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多