跳转到主要内容

搜索

输入关键词或问题以搜索帮助文章。

如何在文章中添加带高亮和复制按钮的代码块?

本篇要点

位置: 文章 → 所有文章 → 文章编辑器

打开此页面: admin.<your-site>/articles(请将 <your-site> 替换为您自己的网站地址)。然后打开您需要的文章。

操作步骤

  1. 在编辑器中打开该文章。
  2. 将光标移至需要放置代码的位置。
  3. 打开“插入”菜单,选择 更多区块,然后选择 代码块。
  4. 粘贴或输入您的代码。
  5. 从语言列表中选择对应的编程语言,以正确显示高亮颜色。如果您不需要高亮颜色,请选择 纯文本。
  6. 发布文章。

有关代码块选项的完整列表,请参阅代码与数学公式。

温馨提示

  • 支持选择的语言: Plain text、Bash、C、C++、C#、CSS、Dart、Diff、Dockerfile、Go、GraphQL、HTML、INI、Java、JavaScript、JSON、Kotlin、Less、Lua、Makefile、Markdown、Objective-C、Perl、PHP、PowerShell、Python、R、Ruby、Rust、SCSS、Shell session、SQL、Swift、TOML、TypeScript、XML 和 YAML。
  • 复制代码。 在网站前台,每个代码块都会带有一个 复制代码 按钮。只要读者的浏览器支持复制功能,该按钮就会显示。
  • 行内代码。 如果只是在句中插入单个词或简短命令,请改用工具栏中的 行内代码 标记。
  • 您可以将代码块放入标注框、折叠块或分栏中。
  • 切勿粘贴敏感机密。 绝不要在文章中留下密码、密钥或 token。读者可以看到您发布的所有内容。

常见问题

常见问题

读者可以直接运行这些代码吗?

不能。代码块仅用于展示和复制代码。

可以避免让代码出现在搜索摘要中吗?

可以。在代码块操作菜单中提供了“禁止摘要 (no snippet)”选项。请参阅文章 SEO。

相关内容

反馈

这篇内容对你有帮助吗?

其他语言版本

仍需帮助?