是否有一个很好的博客可嵌入代码小部件答案

【问题标题】：Is there a good embeddable code widget for blogs是否有一个很好的博客可嵌入代码小部件
【发布时间】：2010-09-20 01:27:03
【问题描述】：

我的联合创始人目前正在我们的博客上询问可嵌入代码小部件。

http://devver.net/blog/2008/10/someone-please-build-an-awesome-embeddable-code-widget/

基本上我们想要http://pastie.org/ 或http://codepad.org/ 之类的东西，但我们真的想在我们的博客中嵌入代码部分。我们知道有一些用于常见博客和服务器端解决方案的插件，但如果能够嵌入一点 javascript 并在任何地方拥有格式良好的代码，那就太好了……

这样的东西存在吗？我们刚刚错过了吗？

【问题讨论】：

我删除了嵌入标签，因为它令人困惑。在这个标签下是与嵌入式实时编程相关的问题。

标签： javascript blogs widget

【解决方案1】：

我想你想要一个 javascript 语法荧光笔

有时您只是一直在思考错误的关键字；-)

【讨论】：

是的，我们最终可能会使用语法荧光笔，但我们真的希望它是一个托管在其他地方的可嵌入小部件。有些人没有托管自己的博客，也不处理管理/托管/或升级 google 语法荧光笔所需的 javascript 包含。
嗯，您可以将 javascript 粘贴到模板的 html 中。否则，谷歌页面帐户既便宜又容易。我真的不希望您需要管理/托管它。只需将它放在一次然后使用它。

【解决方案2】：

我们有一个用户指出了一个 WordPress 插件，它使用 Gist 来完成我们所要求的......

http://pomoti.com/gist-it-english

即使您不使用该插件，它看起来也像是 Gist 的一项功能，可让您将代码嵌入网络上任何您想要的位置。 http://gist.github.com

看起来很可爱。感谢 Dirceu Jr.

【讨论】：

【解决方案3】：

查看CodeRay 和UltraViolet。它们都非常好且易于使用。

【讨论】：

【解决方案4】：

我使用 Dojo 中包含的荧光笔（改编自 Ivan Sagalaev's highlight.js）。您需要做的就是在您的网页头部包含几行代码（一个指向 AOL 或 Google 的脚本标签，一个指向 AOL 或 Google 托管的 CSS 的链接，以及一个请求突出显示的简单脚本）和添加带有预格式化 sn-ps 的

 块——它们将被自动找到并突出显示。

当然，支持多种语言以及自动猜测您的 sn-p 的语言。如果用户关闭 JavaScript，它会优雅地降级。

这个解决方案的另一个优点：不需要托管任何文件，不需要配置服务器，不需要动态生成 HTML，可以与任何东西一起使用——即使是静态文件也会被突出显示。

您可以在官方测试中看到示例：test_highlight.html、test_pygments.html。这是我网站上的 sn-ps 示例：the article with several highlighted code snippets — 查看此页面的头部，了解如何直接从 AOL 中包含荧光笔。

【讨论】：