在技术博客或开发教程类网站中，代码高亮是提升阅读体验的重要功能。WordPress作为广泛使用的内容管理系统，提供了多种方式实现代码高亮。本文将介绍常用的插件方案和手动实现方法。
一、推荐插件方案
1. SyntaxHighlighter Evolved
- 特点：支持多种编程语言，短代码调用简单（如
[php][/php]），兼容性强。 - 安装：通过WordPress后台插件库搜索安装，或上传ZIP文件。
2. WP Githuber MD
- 特点：集成Markdown编辑器，支持代码高亮和行号显示，适合技术文档撰写。
3. Enlighter
- 优势：可视化配置界面，支持自定义主题，性能优化较好。
二、手动实现代码高亮
使用Prism.js
- 下载Prism.js库（官网），上传至主题目录。
- 在
header.php或子主题中引入CSS和JS文件：
<link rel="stylesheet" href="/path/to/prism.css">
<script src="/path/to/prism.js"></script>
- 在文章中用
<pre><code class="language-php">...</code></pre>包裹代码。
三、注意事项
- 性能优化：选择轻量插件，避免加载过多资源。
- 兼容性：测试插件与主题的兼容性，尤其是古腾堡编辑器。
通过以上方法，可以轻松为WordPress网站添加专业的代码高亮功能，提升内容可读性。
