Skip to content

KFreon/hugo-vscode-shortcode-syntax-highlighting

Repository files navigation

Hugo Shortcode Syntax Highlighting

Features

Hugo Shortcodes can get complicated when there's more than one or two parameters.
This extension add some syntax highlighting for Shortcodes, making visual identification of individual pieces easier.
For example, some shortcodes are below.

Before

Original

After

New

Shortcode suggestions!

After typing %, <, -, user created Shortcodes are suggested.
These are from Themes or user created, specifically **/layouts/shortcodes/*.html

test

Goto definition support

You can F12 on your custom shortcodes like {{% collapsible %}}

Notes

Positional parameters are not really supported. They just get highlighted like the Shortcode name.

Publishing (cos I always forget)

  • npm install -g @vscode/vsce
  • vcse package
  • vcse publish

About

VSCode syntax highlighting for Hugo Shortcodes

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •