WordPress无需插件实现文章代码高亮

要在WordPress中使用纯代码实现文章的代码高亮，您可以使用以下步骤：

1. 打开您的WordPress管理后台，导航到“外观”->“编辑器”。
2. 在编辑器中，找到并打开您的主题文件的“functions.php”文件。
3. 在“functions.php”文件的末尾添加以下代码：

// 自定义文章代码高亮
add_filter('the_content', 'custom_code_highlight');
function custom_code_highlight($content) {
    // 使用正则表达式将 <code> 标签中的代码进行高亮处理
    $pattern = '/<code(.*?)>(.*?)<\/code>/s';
    $replacement = '<code$1><pre><code class="language-$1">$2</code></pre></code>';
    $content = preg_replace($pattern, $replacement, $content);

    return $content;
}

4. 保存并上传更改后的文件。

上述代码通过在文章内容中自定义过滤器 the_content 中添加一个函数 custom_code_highlight 来实现代码高亮。该函数使用正则表达式找到 <code> 标签，并添加 <pre> 标签以及代码语言的 CSS 类。

接下来，您需要在您的主题中添加适当的CSS样式来实现代码高亮。您可以通过两种方式来添加CSS样式：

a. 在您的主题文件夹中找到或创建一个名为 style.css 的文件，并添加以下代码：

pre { background-color: #f4f4f4; padding: 10px; overflow: auto; border: 1px solid #ddd; } 
code { font-family: 'Courier New', Courier, monospace; font-size: 14px; }

b. 或者，您可以使用WordPress的自定义CSS功能来添加样式。导航到“外观”->“自定义”->“附加CSS”并将上述CSS代码粘贴到文本框中。

通过这些步骤，您就可以在WordPress文章中使用纯代码实现代码高亮了。只需在文章中使用 <code> 标签将您的代码包裹起来，并为标签添加适当的语言类，例如 <code class="language-php">。

请注意，上述代码仅提供了一种简单的实现方式，并且可能不支持高级的代码高亮功能。如果您需要更复杂的代码高亮方案，您可能需要考虑使用现有的代码高亮插件或库，如Prism.js或Highlight.js，并按照它们的文档进行设置和配置。