Title: Youbou Code Block
Author: Youssef Bouhlal
Published: <strong>2024 年 8 月 4 日</strong>
Last modified: 2024 年 8 月 4 日

---

搜索插件

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/youbou-code-block.svg)

# Youbou Code Block

 作者：[Youssef Bouhlal](https://profiles.wordpress.org/youssefbouhlal/)

[下载](https://downloads.wordpress.org/plugin/youbou-code-block.zip)

 * [详情](https://cn.wordpress.org/plugins/youbou-code-block/#description)
 * [评价](https://cn.wordpress.org/plugins/youbou-code-block/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/youbou-code-block/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/youbou-code-block/#developers)

 [支持](https://wordpress.org/support/plugin/youbou-code-block/)

## 描述

The Youbou Code Block is a Gutenberg block plugin for WordPress that allows users
to easily add syntax-highlighted code snippets to their posts and pages. This plugin
supports a wide range of programming languages and includes a convenient copy-to-
clipboard functionality.

### Features

 * Syntax highlighting for various programming languages
 * Supports the following languages:
    - HTML
    - CSS
    - SCSS
    - JavaScript
    - TypeScript
    - PHP
    - Ruby
    - Python
    - Swift
    - C
    - C#
    - C++
    - Objective-C
    - SQL
    - JSON
    - Bash
    - Git
 * Copy-to-clipboard functionality for code snippets
 * Easy to use Gutenberg block interface

### License

This plugin is licensed under the GPLv2 or later. For more information, see [http://www.gnu.org/licenses/gpl-2.0.html](http://www.gnu.org/licenses/gpl-2.0.html).

## 屏幕截图

 * [[
 * Example of the Code Highlighting Block in the Gutenberg editor.
 * [[
 * Code block with syntax highlighting and copy-to-clipboard button.

## 区块

该插件提供了 1 个区块.

 *   Youbou Code Block Code block with syntax highlighting.

## 安装

 1. Upload the plugin files to the `/wp-content/plugins/code-highlighting-block` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Navigate to the Gutenberg editor and add the ‘Code Highlighting Block’ to your 
    post or page.
 4. Select the programming language and add your code.

## 常见问题

### What programming languages are supported?

The plugin supports the following languages:
 * HTML * CSS * SCSS * JavaScript *
TypeScript * PHP * Ruby * Python * Swift * C * C# * C++ * Objective-C * SQL * JSON*
Bash * Git

### How do I use the copy-to-clipboard functionality?

When you hover over the code block, a ‘Copy’ button will appear. Click this button
to copy the code to your clipboard.

## 评价

此插件暂无评价。

## 贡献者及开发者

「Youbou Code Block」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Youssef Bouhlal ](https://profiles.wordpress.org/youssefbouhlal/)

[帮助将「Youbou Code Block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/youbou-code-block)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/youbou-code-block/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/youbou-code-block/)，或通过[RSS](https://plugins.trac.wordpress.org/log/youbou-code-block/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/youbou-code-block/)。

## 更新日志

#### 1.0

 * Initial release of the Code Highlighting Block plugin.

## 额外信息

 *  版本 **1.0.0**
 *  最后更新：**2 年前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.1 或更高版本 **
 *  已测试的最高版本为 **6.5.8**
 *  PHP 版本 ** 7.2 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/youbou-code-block/)
 * 标签
 * [code highlighting](https://cn.wordpress.org/plugins/tags/code-highlighting/)
   [copy to clipboard](https://cn.wordpress.org/plugins/tags/copy-to-clipboard/)
   [Gutenberg block](https://cn.wordpress.org/plugins/tags/gutenberg-block/)[syntax highlighting](https://cn.wordpress.org/plugins/tags/syntax-highlighting/)
 *  [高级视图](https://cn.wordpress.org/plugins/youbou-code-block/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/youbou-code-block/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/youbou-code-block/reviews/)

## 贡献者

 *   [ Youssef Bouhlal ](https://profiles.wordpress.org/youssefbouhlal/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/youbou-code-block/)