blocks|key|1292921|text|在wordpress.com上，你不能安装插件，所以你必须使用Wordpress的内置插件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1292922|如下所示：|1292923|[code+language='python']

[/code]|code-block|syntax|javascript|1292924|请注意，这些标记放在可视化编辑器中，而不是HTML编辑器中。|1292925|你可以在here上找到更多信息。|offset|length|1292926|entityMap|0|LINK|mutability|MUTABLE|url|http://support.wordpress.com/code/^0|0|0|0|0|4|4|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

On wordpress.com, you can't install plugins, so you have to use Wordpress' built-in widget.

Do it like:

<pre><code>[code language='python']

[/code]
</code></pre>

Note that those tags go inside your visual editor, not the HTML editor.

You can find more information <a href="http://support.wordpress.com/code/" rel="noreferrer">here</a>.

blocks|key|209995|text|SyntaxHighlighter是一个非常好的工具。它使用带有CSS类的JavaScript来标记应该突出显示的HTML元素。它还允许将代码复制到剪贴板并打印。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|209996|entityMap|0|LINK|mutability|MUTABLE|url|http://alexgorbatchev.com/SyntaxHighlighter/^0|0|H|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://alexgorbatchev.com/SyntaxHighlighter/" rel="nofollow noreferrer">SyntaxHighlighter</a> is a pretty good tool. It uses JavaScript with CSS classes to mark HTML elements that should be highlighted. It also allows code to be copied to the clipboard and printed.

blocks|key|1510151|text|语法突出显示的最好方法是使用prismjs，它是完全免费的，具有令人惊叹的功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1510152|1510153|它支持几乎所有的编程语言、shell脚本等等。|ordered-list-item|1510154|它非常轻便，不会像其他语法突出显示插件那样拖慢网站的速度。|1510155|1510156|为了配置prismjs，你需要在你的function.php文件中做一些代码调整。请关注此博客http://skillslane.com/setup-syntax-highlighter-for-wordpress/中的教程|offset|length|1510157|entityMap|0|LINK|mutability|MUTABLE|url|http://skillslane.com/setup-syntax-highlighter-for-wordpress/^0|0|0|0|0|0|1B|1P|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|V|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|X|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]]|A|$]]|$1|M|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

The best way for syntax highlighting is using prismjs, which is completely free with awesome features.

<ol>
<li>It has support for almost all programming languages, shell scripts and much more. </li>
<li>It is very light weight and it will not bog down your sites speed like other syntax highlighting plugins.</li>
</ol>

For configuring prismjs you need to do little code tweaks in your function.php file. Follow the turoails in this blog 
<a href="http://skillslane.com/setup-syntax-highlighter-for-wordpress/" rel="nofollow">http://skillslane.com/setup-syntax-highlighter-for-wordpress/</a>

blocks|key|209987|text|http://wordpress.org/extend/plugins/devformatter/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|209988|用于各种语法突出显示的WP插件！|209989|entityMap|0|LINK|mutability|MUTABLE|url^0|0|1D|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@$A|N|B|O|1|P]]|C|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|4]]]]

<a href="http://wordpress.org/extend/plugins/devformatter/" rel="nofollow noreferrer">http://wordpress.org/extend/plugins/devformatter/</a>

WP Plugin for various syntax highlighting!

blocks|key|210246|text|如果你不想，或者不能在你的博客上安装东西，我建议你使用pygments来突出你的代码。我描述了这个here。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|210247|entityMap|0|LINK|mutability|MUTABLE|url|http://ssscripting.wordpress.com/2009/03/09/a-pretty-simple-way-to-highlight-any-type-of-code-on-your-blog/^0|1D|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you don't want to, or can't install stuff on your blog, I suggest you use pygments to highlight your code. I described this <a href="http://ssscripting.wordpress.com/2009/03/09/a-pretty-simple-way-to-highlight-any-type-of-code-on-your-blog/" rel="nofollow noreferrer">here</a>.

blocks|key|210062|text|这里有一个离线选项(我知道你问的是在线工具，但只是以防万一…)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|210063|我使用离线工具将带有源代码示例的博客条目处理为html格式，然后发布html。|210064|这真的只是：|210065|将源代码偏移至少4个空格，并在第一行指定语言，如通过:::html|offset|length|style|CODE|210066|run+|unordered-list-item|210067|：|210068|210069|210070|python脚本：|210071|import+markdown
html+=+markdown.markdown(text,['codehilite'])|code-block|syntax|javascript|210072|我用pygments设置了markdown，也许你可以只使用pygments作为源代码。您通过脚本运行文件，然后将html复制粘贴到您的博客中。|210073|您可以从pygments中转储css样式，以突出显示语法，然后链接到该样式或将其包含在页面中。我不确定wordpress是否支持这一点。|210074|Here+is+how+to+setup+markdown+with+pygments+to+do+syntax+highlighting+(针对Blogger+-+Blogger的唯一细节是它使用css更新Blogger+css以突出显示代码)。|210075|entityMap|0|LINK|mutability|MUTABLE|url|http://mybyteofcode.blogspot.com/2010/01/use-markdown-and-pygments-with-blogger.html^0|0|0|0|Q|7|0|0|0|0|0|0|0|0|0|0|1X|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1E|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1F|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|1G|8|@$H|1H|I|1I|J|K]]|9|@]|A|$]]|$1|L|3|M|5|N|7|1J|8|@]|9|@]|A|$]]|$1|O|3|P|5|N|7|1K|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1N|8|@]|9|@]|A|$]]|$1|U|3|V|5|W|7|1O|8|@]|9|@]|A|$X|Y]]|$1|Z|3|10|5|6|7|1P|8|@]|9|@]|A|$]]|$1|11|3|12|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|13|3|14|5|6|7|1R|8|@]|9|@$H|1S|I|1T|1|1U]]|A|$]]|$1|15|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|16|$17|$5|18|19|1A|A|$1B|1C]]]]

Here is an offline option (I know you are asking about online tool but just in case ...)

I use offline tools to process the blog entry with source code examples into html format and then just post the html.

It's really just:

<ul>
<li>offset source code by at least 4
spaces and specify language on the
first line like <code>:::html</code></li>
<li>run your file through:</li>
</ul>

python script:

<pre><code>import markdown
html = markdown.markdown(text,['codehilite'])
</code></pre>

I setup markdown with pygments probably you could just use pygments for source code. You run the file thought the script and then copy paste the html to your blog.

You can dump css style, to highlight syntax, from pygments and then either link to it or include it in your page. I'm not sure if wordpress supports that.

<a href="http://mybyteofcode.blogspot.com/2010/01/use-markdown-and-pygments-with-blogger.html" rel="nofollow noreferrer">Here is how to setup markdown with pygments to do syntax highlighting</a> (for Blogger - the only specifics for Blogger is that it updates the Blogger css with the css to highlight code).

blocks|key|4509499|text|你可以使用Alex+Gorbatchev的SyntaxHighlighter。它的javascript非常简单且支持良好，易于安装和修改。这里有一些博客的使用说明。但是您所要做的就是删除blogger=true行。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4509500|http://code-slim-jim.blogspot.com/2010/11/adding-syntax-higher-to-your-blog.html|offset|length|4509501|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|28|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

You could use the Alex Gorbatchev's SyntaxHighlighter. Its javascript and really simple and well supported, easy to install and modify. Here are some instructions for blogger... but all you have to do you to do is remove the blogger=true line.

<a href="http://code-slim-jim.blogspot.com/2010/11/adding-syntax-higher-to-your-blog.html" rel="nofollow">http://code-slim-jim.blogspot.com/2010/11/adding-syntax-higher-to-your-blog.html</a>

blocks|key|1511842|text|我已经为WordPress开发了一个叫做"Mivhak“的lightweight+syntax+highlighter插件。该插件有一个后端代码编辑器，可以方便地插入代码，并具有实时错误检查和语法突出显示功能。它也是高度可定制的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1511843|该插件托管在wordpress.org上|1511844|entityMap|0|LINK|mutability|MUTABLE|url|https://wordpress.org/plugins/mivhak/^0|T|U|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

I have developed a <a href="https://wordpress.org/plugins/mivhak/" rel="nofollow">lightweight syntax highlighter</a> plugin for WordPress called "Mivhak". The plugin has a backend code editor to easily insert code, with live error checking and syntax highlighting. It is also highliy customizable.

The plugin is hosted on wordpress.org

blocks|key|210381|text|它现在支持SyntaxHighlighter+Code块。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|210382|虽然必须在边栏设置中选择语言，但这有点不方便。|210383|entityMap|0|LINK|mutability|MUTABLE|url|https://wordpress.org/plugins/syntaxhighlighter/^0|5|M|5|M|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

It now supports <a href="https://wordpress.org/plugins/syntaxhighlighter/" rel="nofollow noreferrer"><code>SyntaxHighlighter Code</code></a> blocks.

Although it's a little inconvenient that languages must be chosen in the aside settings.

I'd like to have a good syntax highlighter for my WordPress blog. What options do I have available? I often see one which has well-colored syntax highlighting and options to copy to the clipboard. Does anyone have an idea what tool this is?

How do I add syntax highlighting to a WordPress blog hosted on WordPress.com?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想要一个好的语法高亮笔来写我的WordPress博客。我有哪些可用选项？我经常看到它有很好的语法突出显示和复制到剪贴板的选项。有人知道这是什么工具吗？

问如何向托管在WordPress.com上的WordPress博客添加语法突出显示？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何向托管在WordPress.com上的WordPress博客添加语法突出显示？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何向托管在WordPress.com上的WordPress博客添加语法突出显示？
EN