肖兴来个人博客
wordpress上怎么安装代码高亮带有复制粘贴选项的代码插件？
要在 WordPress 上实现类似你截图里那种**“黑色背景、彩色代码、右上角带一键复制按钮”的效果，你需要安装一个代码高亮（Syntax Highlighter）插件**。
目前最好用、最符合你审美（VS Code 风格）且自带复制按钮的插件是 Code Block Pro。
以下是具体的安装和使用步骤：
第一步：安装插件
-
登录你的 WordPress 后台。
-
在左侧菜单点击 【插件】 (Plugins) -> 【安装插件】 (Add New)。
-
在右上角搜索框输入：Code Block Pro。
-
找到图标是紫色/蓝色的那个（作者是 Kevin Batdorf），点击 【立即安装】。
-
安装完成后点击 【启用】。
第二步：如何使用（在文章中插入代码）
启用后，你去写文章时：
-
在编辑器里输入
/code或者点击 “+” 号添加区块。 -
搜索并选择 “Code Block Pro”。
-
你会看到一个漂亮的黑色代码框。
-
把你的代码粘贴进去。
-
关键设置：
-
点击代码块，在右侧的 设置栏 (Block Settings) 里。
-
你可以选择 主题 (Theme)：推荐选
Nord或Dracula（很像你终端的颜色）。 -
复制按钮：这个插件默认就会在右上角显示“Copy”按钮，你可以自己预览确认一下。
-
语言：记得在右侧选
Bash(如果是命令) 或HTML/PHP(如果是代码)，这样颜色才会对。
-
备选方案（如果你用的是经典编辑器）
如果你不习惯用新的区块编辑器（Gutenberg），还在用旧版编辑器，或者觉得上面那个太重，可以试这个轻量级的：
-
插件名：Enlighter – Customizable Syntax Highlighter
-
特点：设置里直接勾选“Show Copy Button”（显示复制按钮），支持经典编辑器和 Elementor。
建议优先试用 Code Block Pro，它的颜值最高，生成的代码块和你现在看到的终端界面几乎一模一样。
