plugin-icon

Code Block Pro – 漂亮的语法高亮

作者：Kevin Batdorf·
代码高亮功能由 VS Code 引擎提供支持。注重性能，不臃肿。
block
code
highlighter
评级
4.8/5
版本
1.27.7
活跃安装
10K
最后更新
Jul 5, 2025
Code Block Pro – 漂亮的语法高亮

Show off your beautiful code, don’t just display it! This block plugin provides you with a code editor that runs your code directly through the same rendering engine that is used by the popular VS Code editor. This block provides fast, native, code highlighting that renders perfectly in your favorite programming language using popular VS Code themes.

漂亮的语法高亮很有意义。

导航到WP默认编辑器，搜索Code Pro或者输入/code开始使用。

Visit code-block-pro.com for a lifetime deal on the theme pack (this is a cosmetic-only upgrade).

Values

  • 性能优先 – Web关键指标。 预渲染。最小资源加载。
  • 轻量 – 无膨胀。功能简单。干净、可维护的代码。
  • 实用/有用-专注于用户体验和表现。
  • 漂亮 – 你的代码应该看起来很棒！

Star Code Block Pro on GitHub!

特性

  • Includes 25+ built-in themes to choose from.
  • Supports over 140 programming languages
  • 10+现代编程网络字体-本地托管
  • Line numbers
  • Line highlighting (static and on hover)
  • Blur highlighting (with reveal on hover)
  • 头部样式
  • 脚部样式
  • 复制按钮
  • Native Gutenberg block
  • Tab or space indentation
  • Core functionality works in headless mode (see FAQ)
  • Converting from the default code block (and others)
  • Max height with scrollable section (optional expand button)

More info

Tips

  • Try combining line highlighting with the blur effect to add some extra depth, and focus on the important parts of the code without losing context
  • All settings are per block, but some settings are remembered when you add the next block
  • 在代码页脚中添加一个指向演示的链接（一些页脚支持，非全部）
  • To achieve a flush look, remove padding under Extra Settings and select a theme with a background color matching your site theme

包含了VS Code主题

Get more themes at code-block-pro.com/themes

Theme Pack (Paid) Includes

  • Custom Dynamic Theme (advanced) read more
  • Andromeda (demo)
  • Ayu Dark (demo)
  • Ayu Mirage (demo)
  • Ayu Light (demo)
  • Cobalt2 (demo)
  • Night Owl (demo)
  • Night Owl Light (demo)
  • Noctis (demo)
  • Noctis Azureus (demo)
  • Noctis Bordo (demo)
  • Noctis Hibernus (demo)
  • Noctis Lilac (demo)
  • Noctis Lux (demo)
  • Noctis Minimus (demo)
  • Noctis Obscuro (demo)
  • Noctis Sereno (demo)
  • Noctis Uva (demo)
  • Noctis Viola (demo)
  • Palenight (demo)
  • Pico 8 (demo)
  • Shades of Purple (demo)
  • Shades of Purple Super Dark (demo)
  • Synthwave ’84 (demo)
  • Tokyo Night (demo)
  • Tokyo Night Storm (demo)
  • Tokyo Night Light (demo)
  • Winter is Coming (demo)
  • Winter is Coming Light (demo)
  • Winter is Coming Dark (demo)

Included Coding Languages

免费使用Business套餐
从这里开始
通过安装，您同意 WordPress.com 服务条款 和 第三方插件条款。
目前已测试版本
WordPress 6.8.3
这个插件是可用的下载，适用于您的站点。
下载