【问题标题】:How do I add syntax highlighting to a WordPress blog hosted on WordPress.com?如何向 WordPress.com 上托管的 WordPress 博客添加语法突出显示?
【发布时间】:2010-11-19 09:46:48
【问题描述】:

我想为我的 WordPress 博客提供一个好的语法高亮。我有哪些选择?我经常看到一个具有色彩鲜艳的语法突出显示和复制到剪贴板的选项。有谁知道这是什么工具?

【问题讨论】:

标签: wordpress syntax-highlighting blogs


【解决方案1】:

在 wordpress.com 上,你不能安装插件,所以你必须使用 Wordpress 的内置小部件。

这样做:

[code language='python']

[/code]

请注意,这些标签位于您的可视化编辑器中,而不是 HTML 编辑器中。

您可以找到更多信息here

【讨论】:

  • 这是迄今为止唯一正确的答案。每个人都错过了他的博客托管在 wordpress.com 上的重要小细节,该网站不允许安装插件。
  • 这对于 Stack Exchange 上的新 WebApps 来说似乎是一个很好的问题
  • 您也可以在 HTML 编辑器中编写 sourcecode 标签。这就是我一直在做的事情。
  • @samoz 如果“支持的语言”部分中没有我的语言怎么办!我正在寻找系统 verilog 语言支持,但我没有看到任何选项 :(
  • 是的,这并不总是有效。不知道是不是我 2010 年的旧主题还是什么。但它基本上破坏了我的缩进并给了我零语法高亮。
【解决方案2】:

语法高亮的最佳方式是使用 prismjs,它是完全免费的,具有很棒的功能。

  1. 它支持几乎所有的编程语言、shell 脚本等等。

  2. 它的重量很轻,不会像其他语法高亮插件那样拖慢您的网站速度。

要配置 prismjs,您需要在 function.php 文件中进行少量代码调整。关注本博客中的教程 http://skillslane.com/setup-syntax-highlighter-for-wordpress/

【讨论】:

    【解决方案3】:

    SyntaxHighlighter 是一个不错的工具。它使用带有 CSS 类的 JavaScript 来标记应突出显示的 HTML 元素。它还允许将代码复制到剪贴板并打印。

    【讨论】:

      【解决方案4】:

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

      各种语法高亮的WP插件!

      【讨论】:

      • 那么,如何在 WordPress.com 上托管的 WordPress 博客上安装插件? 如 OP 所愿
      • 这不能正确回答问题,因为 OP 要求 wordpress.com 而不是 wordpress.org,前者不支持插件安装。
      【解决方案5】:

      如果你不想或者不能在你的博客上安装东西,我建议你使用 pygments 来突出你的代码。我描述了这个here

      【讨论】:

        【解决方案6】:

        这是一个离线选项(我知道你问的是在线工具,但以防万一......)

        我使用离线工具将带有源代码示例的博客条目处理成html格式,然后发布html。

        真的只是:

        • 至少偏移源代码 4 空格并指定语言 第一行像:::html
        • 通过以下方式运行您的文件:

        python 脚本:

        import markdown
        html = markdown.markdown(text,['codehilite'])
        

        我用 pygments 设置 markdown 可能你可以只使用 pygments 作为源代码。您按照脚本运行文件,然后将 html 复制粘贴到您的博客。

        您可以从 pygments 转储 css 样式以突出显示语法,然后链接到它或将其包含在您的页面中。我不确定 wordpress 是否支持。

        Here is how to setup markdown with pygments to do syntax highlighting(对于 Blogger - Blogger 的唯一细节是它使用 css 更新 Blogger css 以突出显示代码)。

        【讨论】:

          【解决方案7】:

          您可以使用 Alex Gorbatchev 的 SyntaxHighlighter。它的 javascript 非常简单且支持良好,易于安装和修改。以下是针对博主的一些说明……但您所要做的就是删除 blogger=true 行。

          http://code-slim-jim.blogspot.com/2010/11/adding-syntax-higher-to-your-blog.html

          【讨论】:

            【解决方案8】:

            我为 WordPress 开发了一个名为“Mivhak”的lightweight syntax highlighter 插件。该插件有一个后端代码编辑器,可以轻松插入代码,并具有实时错误检查和语法高亮显示。它也是高度可定制的。

            插件托管在 wordpress.org

            【讨论】:

            • 但是我如何安装 Mivhak,因为我使用的是 wordpress.com 上托管的 wordpress 博客?
            • @ArmanOrtega 当我写这个答案时,我不知道你不能在 WordPress.com 上安装插件
            【解决方案9】:

            它现在支持SyntaxHighlighter Code 块。

            虽然必须在备用设置中选择语言有点不方便。

            【讨论】:

              猜你喜欢
              • 2015-05-08
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多