如何在 wordpress.com 上写博客代码 [关闭]答案

【问题标题】：How to blog code at wordpress.com [closed]如何在 wordpress.com 上写博客代码 [关闭]
【发布时间】：2010-09-10 00:40:32
【问题描述】：

几天前在 wordpress 上获得了一个新博客 (http://ghads.wordpress.com)，我想不时发布一些代码 sn-ps。有没有办法让它看起来像代码而不需要支付额外的插件？

【问题讨论】：

你用的什么插件和你的博客的主题，如果可以的话请分享一下

标签： blogs code-formatting wordpress.com

【解决方案1】：

Crayon Syntax Highlighter 是一个优秀的免费插件。我选择了那个，但我遇到了许多其他可能达到目的的：

【讨论】：

示例链接已损坏。
Crayon Syntax Highlighter 这对我有用

【解决方案2】：

请看这里：http://en.support.wordpress.com/code/posting-source-code/

将您的代码包装在这些标签中：[sourcecode language='css'] .. [/sourcecode]

（或更短的 [code lang='css'] .. [/code] ）

请注意，可视化编辑器不会解释标签，您需要点击预览查看它是如何工作的。

可用的语言代码：

actionscript3
狂欢
clojure
冷融合
cpp
csharp
CSS
德尔福
二郎
fsharp
差异
时髦
html
javascript
java
javafx
matlab（仅限关键字）
对象
perl
php
文字
电源外壳
蟒蛇
r
红宝石
斯卡拉
sql
vb
xml

希望对您有所帮助。

【讨论】：

此页面显示所有支持的语言：en.support.wordpress.com/code/posting-source-code
由于某种原因对我不起作用。我在预览中看到的标签就像是普通文本一样。
而且没有haskell...搞笑
代码标签是用[]还是？应该放在 Wordpress 编辑器的“视觉”还是“文本”视图中？
如果您托管自己的 wordpress 网站，那么您需要安装插件“SyntaxHighlighter Evolved”并使用标签 [code] ... [/code]。这在en.support.wordpress.com/code/posting-source-code的底部有解释。

【解决方案3】：

使用我的 Wordpress.org 安装，我无法让 Accepted Answer here 工作（不确定这是否只适用于 Wordpress。com?)...

我最终改用了SyntaxHighlighter 插件。

With that plugin, at first, your code will appear escaped in 'Preview Changes' view: It will appear correctly then after publishing。我认为之后发布它将正确显示在“预览更改”中（不是 100% 的）。

【讨论】：

【解决方案4】：

您也可以使用 hilite.me。它不需要安装插件或 JS/CSS 文件。它也是开源的并且有一个 API。

免责声明：我是开发者。

【讨论】：

谢谢它的魅力
我发现这比使用 buildin [code] markdown 好得多，这似乎会干扰我的代码 sn-ps。谢谢。
这是超级合法的。工作，也只是代码
这对我来说比接受的答案好得多。
效果很好。谢谢！

【解决方案5】：

您还可以使用我编写的名为 BlogTrog CodeWindow 的新网络应用程序——它由 Actipro CodeHighlighter 提供支持。

http://www.blogtrog.com

它是免费的，应该适用于所有现代浏览器，并且不需要您在任何地方安装任何东西。只需粘贴您的代码并嵌入结果即可。

【讨论】：

【解决方案6】：

如果您在 WP.com 上托管自己的 wordpress 博客，则可以通过安装此插件来获得此功能，因为它与 WP.com 代码所依赖的插件相同。

http://wordpress.org/extend/plugins/google-syntax-highlighter/

【讨论】：

【解决方案7】：

您可以使用 html 元素。否则，您可以尝试 <a href="/default/index/tourl?u=aHR0cDovL2hvYml4LmNvbS90ZXh0aWxlLw%3D%3D" rel="nofollow" target="_blank">Textile</a> 或 <a href="/default/index/tourl?u=aHR0cDovL2RhcmluZ2ZpcmViYWxsLm5ldC9wcm9qZWN0cy9tYXJrZG93bi9zeW50YXg%3D" rel="nofollow" target="_blank">Markdown</a> 语法（我不确定 WordPress.com 是否使用它们）。尝试一下并使用 WordPress 中的预览功能，看看什么时候做对了。

【讨论】：

使用 html 元素时必须对 XML 代码字符串进行转义：<a href="/default/index/tourl?u=aHR0cDovL3N0YWNrb3ZlcmZsb3cuY29tL3F1ZXN0aW9ucy81OTYyNjM3L3htbC1jb2RlLXNuaXBwZXRzLXRvLWJyb3dzZXItZnJpZW5kbHktaHRtbA%3D%3D" title="xml code snippets to browser friendly html" target="_blank" rel="nofollow">stackoverflow.com/questions/5962637/…</a>