发布大量代码?试用 WordPress 的代码语法块插件

我一直在寻找有趣的语法突出显示插件,特别是在我编写教程或其他严重依赖代码的文章的场合.太多的插件使用简码、自定义块或其他奇怪的解决方案.但是,一年多前发布时我故意忽略了一个选项:Marcus Kazmierczak 的代码语法块.

根据名称,我认为它是另一个独立块.但是,我从那以后又看了一眼,并意识到这是注意事项.它直接与核心 WordPress 块集成.有时需要一个新块,但这不是其中之一.有时最好扩展核心中的现有块.

代码语法块使用 Prism JavaScript 库在网站前端添加语法突出显示.该插件设计得很好.它仅在使用代码块时加载其脚本和样式.

前端 PHP 代码示例.

该插件不会在编辑器中加载 Prism,因此代码输出将使用默认编辑器或主题样式.这可能不会吸引那些希望在后端和前端之间进行一对一匹配的人.我对管理中未突出显示的版本感到满意,同时在前端有 pretty 输出.但是,如果能在编辑器中看到启用突出显示的选项或过滤器,那就太好了.

该插件开箱即用,使用 One Dark 主题,该主题是为 Atom 编辑器创建并移植到 Prism 的.开发人员可以使用主题中的自定义 assets/prism/prism.css 文件或通过过滤加载的路径或 URL 来覆盖主题.Prism 项目有多种可用的即插即用主题.其他主题也存在于官方列表之外.

在管理端,插件会创建一个新的"设置";代码块的选项卡,并添加了一些用户可以选择的选项:

  • 语言
  • 显示行号
  • 代码块的标题
代码语法高亮器的编辑器视图

默认情况下,插件不支持超过 200 种语言的完整列表.相反,它列出了 40 多个最受欢迎的产品.该列表是可过滤的,因此任何人都可以通过几行代码添加或删除语言.还有一个用于设置默认语言的过滤器钩子,这对于那些经常使用相同编码语言发布代码片段的人特别有用.

经过几天的测试,我可以肯定地说代码语法块已添加到我的 WordPress 工具箱中.我希望我早点试一试.

9

发表回复