Hugo Shortcode 语法高亮扩展为 Hugo 用户提供了一种更高效的开发体验。当面对多个参数的短代码时，传统的编辑方式可能显得复杂且难以管理。此扩展通过添加语法高亮功能，帮助您更容易地识别和处理各个部分的短代码。

主要功能：

• 语法高亮：通过视觉上的颜色区分，使复杂的短代码结构一目了然。无论是参数还是短代码名称，都能清晰识别，减少错误发生的几率。

• 短代码建议：当您输入 %、<、- 等字符时，系统会自动建议您使用的主题或自定义短代码，极大地提高了开发效率。这些建议来自于 /layouts/shortcodes/ 目录下的 .html 文件。

• 跳转定义支持：对于您自定义的短代码，如 {{% collapsible %}}，只需按下 F12 键，即可快速跳转到其定义位置，方便修改和维护。

使用示例：

在未使用语法高亮之前，短代码的处理可能如下图所示：

• 原始代码：

启用语法高亮后，代码的可读性和管理性得到了显著提升：

• 高亮效果：

此外，短代码建议功能的动态演示如下：

• 短代码建议：

注意事项：

虽然此扩展极大地提升了短代码的可视化管理，但需要注意的是，位置参数目前仅以与短代码名称相同的方式高亮，尚不支持更详细的处理。

通过 Hugo Shortcode 语法高亮扩展，您的 Hugo 开发工作将变得更加高效和愉快，无论是主题开发还是自定义短代码的管理，都能得心应手。