如何将代码插入wordpress

时间:2012-11-06 09:23:17

标签: wordpress

在许多wordpress博客中,我们看到的代码如下所示。 enter image description here

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

5 个答案:

答案 0 :(得分:63)

如果您在Wordpress.com上运行博客,则只需在代码前加入以下行。

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

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

其中一些是..

HTML

javascript

java

javafx

matlab(仅限关键字)

objc

perl

PHP

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

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

有关详细信息,请参阅此link

答案 1 :(得分:18)

很抱歉,您可以使用以下代码WONT WORK

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

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

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

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

答案 2 :(得分:6)

您正在寻找的是某种语法荧光笔。 如果代码在你的帖子中显示在一个包含行数等的框中,是否正确?

wordpress中有一些插件。

退房:

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

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

希望它有所帮助。 干杯

答案 3 :(得分:4)

添加到SHEKHAR SHETE的答案。

对于内联代码块:

选择文字然后执行Alt+Shift+x会产生如下文字:

THIS is an example

这实际上会使用<code></code>

来覆盖文本

`..`内写文字是另一种方式

source

答案 4 :(得分:0)

如果要在wordpress帖子中添加代码,请执行以下操作:

在您的wordpress编辑器中从HTML切换到文本,然后插入     Configuration config = WebConfigurationManager.OpenWebConfiguration("~"); var configAuthSection = ((SystemWebSectionGroup)config.GetSectionGroup("system.web")).Authentication; configAuthSection.Mode = AuthenticationMode.Forms; configAuthSection.Forms.LoginUrl = "Login.aspx"; configAuthSection.Forms.DefaultUrl = "Default.aspx"; configAuthSection.Forms.Timeout = new TimeSpan(60); configAuthSection.Forms.Name = "UserName"; configAuthSection.Forms.EnableCrossAppRedirects = true; config.Save(); 作为开始标签和     <code> 作为结束标签。

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