Using Shortcodes

Alto comes with twelve pre-configured shortcodes for a range of common documentation requirements: 

• Summary divider
• Code blocks with syntax highlighting
• Figure with optional caption
• GitHub Gist embed
• Front matter parameter
• Reference
• Relative reference
• Tweet embed
• Vimeo embed
• YouTube embed
• Diffcode formatter
• Tree diagram formatter

To use an Eleventy shortcode within CloudCannon, click the 'Snippet' button in the Content Editor, and set your parameters.

#Adding custom shortcodes

You can easily add your own customized shortcodes to Alto.

Follow CloudCannon's instructions on Editing with Eleventy Shortcodes to define your paired or unpaired shortcodes with positional or named elements, and make them available to editors.