34

在许多 wordpress 博客中,我们看到如下代码。 在此处输入图像描述

现在我想把我的代码也这样?怎么做?它是属于任何第三方工具还是内置于 wordpress 中?当我将代码复制并粘贴到博客中时,它看起来很难看。请给我建议,使我的博客更具可读性。谢谢

4

6 回答 6

64

如果您在 Wordpress.com 上运行您的博客,您只需在代码前包含以下几行。

[sourcecode language="csharp"]
//your code comes here
[/sourcecode]

Wordpress.com 为我们提供了避免担心代码高亮的便利。如果您的代码位于这些块之间,那么它将根据您指定的语言自动呈现。它可以支持多种语言。

他们之中有一些是..

html

javascript

爪哇

javafx

matlab(仅关键字)

对象

perl

php

如果您有一个自托管站点,或者托管在 wordpress.org 上的站点,您应该使用 SyntaxHighlighter 插件:wordpress.org/plugins/syntaxhighlighter

这是 WordPress 团队为在 wordpress.com 上创建此功能而采购的插件

有关更多信息,请参阅此链接

于 2012-11-07T12:35:13.717 回答
19

很抱歉,但是您提到了以下代码WONT WORK

[sourcecode language="csharp"]
//your code comes here
[/sourcecode]

因此,在Wordpress 网站上将代码片段添加到 wordpress 博客是:

[code language="javascript"]
//your language script here
[/code]

希望这对您有所帮助!:)

于 2013-11-27T13:08:53.460 回答
6

您正在寻找的是某种语法荧光笔。代码在您的帖子中显示在一个带有行数等的框中的位置,对吗?

wordpress 中有一些插件可以做到这一点。

查看:

http://wordpress.org/extend/plugins/syntaxhighlighter/

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

希望能帮助到你。干杯

于 2012-11-06T10:39:43.990 回答
4

添加到 SHEKHAR SHETE 的答案。

对于内联代码块:

选择文本然后执行Alt+Shift+x将使文本如下:

THIS is an example

这实际上将围绕文本<code></code>

在里面写文字`..`是另一种方式

资源

于 2016-11-24T15:52:49.167 回答
2

如果您想在 wordpress 帖子中添加代码,请执行此操作:

在您的 wordpress 编辑器中从 HTML 切换到文本,然后 <code> 作为起始标签和 </code> 结束标签插入。

在我写答案时,这是在最新的 wordpress 中唯一有效的方法。玩得开心!

于 2019-02-21T13:31:08.533 回答
0

最新:在编辑帖子中,开始输入 /syntax。选择语法高亮。您可以更改块中的语言类型。

WordPress帮助

于 2022-01-07T22:15:27.467 回答