程序员之间常开的一个玩笑是，10-20% 的软件开发人员知道如何编码，而 80-90% 的软件开发人员知道如何在 Internet 上查找答案或代码片段。值得庆幸的是，许多人将这些代码片段发布在他们的网站上以供其他人使用和修改。如果您是解决问题并想分享结果代码的乐于助人的编码人员之一，我们这里有许多 WordPress 插件可以帮助您以易于阅读和可重现的格式发布这些代码片段。
无论您是想在单个块中为读者显示您的代码，还是以一种内联的方式让讨论指向您代码的特定元素，都有一个插件供您选择。您可以通过调整您的 functions.php 文件手动处理此问题，但是，虽然我们经常推荐手动方法来解决 WordPress 中的某些问题，但插件绝对是最佳选择。
WordPress 的前 4 个代码片段插件
1. SyntaxHighlighter的演进
的演进语法高亮是该领域的标准之一，易于使用和安装。我们有关于如何在您的网站上安装和设置它的完整指南。基本上，您将代码粘贴到一个空字段中，然后插件从那里获取它。它将为您的读者完全突出显示并格式化该代码。您可以在插件设置中调整各种设置，例如颜色和格式。
他们还可以单击显示的代码片段并将其复制以供自己使用。此外，当单击代码块时，它会显示代码的纯文本版本，使客户端的复制和粘贴更加容易。寻找代码的人最不需要的就是重新格式化并自行调试。
该插件还适用于各种简码参数，这意味着您只需在帖子或页面中插入简码，然后根据每个片段调整各种元素。如果您不喜欢简码，您可以确保为块编辑器使用自定义块。与大多数其他自定义 Gutenberg 块一样，它简单、快速且容易。
价格：免费 |更多信息
2.代码片段
当你看到一个简单的命名片段，您很可能知道它的作用。希望它做得好。对我们所有人来说幸运的是，代码片段实际上很好地显示了代码片段。该插件的突出特点之一是它不仅将显示的代码行格式化为易于阅读和复制的格式，而且还带有一个用于代码描述的自定义字段，因此您可以轻松跟踪哪些代码片段执行什么（和你的读者）也可以获得完整的描述）。
感谢您使用此插件为您提供网站上所有片段的完整列表（即使用插件创建的片段），以便进行任何更新或编辑。查找包含它的帖子或页面。这样你就可以在多个地方使用相同的代码片段并且只维护一个实例。
价格：免费 |更多信息
3. Enlighter – 自定义语法高亮工具
由 Enlighter JS 提供支持，具有相似名称的 Enlighter 插件允许您控制自己的代码片段在网站上的显示方式，以便进行大量控制。此功能的一大优点是您可以内嵌代码而不是在其自己的块中添加代码。大多数片段插件只允许块格式。 （或通过实际的“块编辑器”块进行编辑。）此功能有助于大大提高您的帖子和描述的可读性，因此这些代码也使您可以更轻松地在特定行、函数或短语中进行编辑。
此外，这是为数不多的具有“通用语言”突出显示功能的插件之一，这意味着如果您插入一个片段，该插件无法判断它是来自 PHP、HTML、JavaScript 还是其他东西，它仍然会尽可能地突出显示它，这意味着它不会简单地显示为纯文本。仅就此功能而言，Enlighter 就值得一试，因为它使您放置在网站上的每一行代码都具有高度可读性。
价格：免费 |更多信息
4.语法代码高亮
代码语法块 使用 Prism 语法荧光笔在 WordPress 帖子和页面中呈现代码片段。在块编辑器中，您只需粘贴要显示的代码，并使用元框和详细信息修改右侧栏中的一些设置。这有助于更轻松地标记和识别用户正在查看的代码片段。
使用此插件，您不必依赖任何预设样式来为突出显示的代码片段着色。虽然该插件确实包含预设，但您可以使用插件提供的文件中的 CSS 更改代码的颜色设置。当您的网站追求特定的审美或您专注于特定类型的开发时，这种级别的定制非常有用。通过使用 CSS 调整显示的代码块，您可以从显示角度和可用性方面为访问您网站的用户提供最佳体验。
价格：免费 |更多信息
使用 Snippets 插件包装
无论您为什么需要在您的网站上显示代码片段，都有一个插件可以为您提供大量的定制、强大的功能集，以及解决在线编码难题的易于使用的解决方案。正如我们之前所说，作为软件开发人员的很大一部分是能够在线找到已解决问题的答案。使用这些插件中的任何一个，您都可以尽您所能为之付费。大干一场，然后把代码扔到网上。那里有人会感谢你。即使他们没有，您的代码段仍然有帮助。
您在您的网站上使用了哪些代码片段？
文章选图来自magic pictures/shutterstock.com
资源
