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 主题
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