Hugo
Browse 34 articles in this topic. View all topics.
- Embedding audio with Hugo shortcodes
Create a small Hugo shortcode for reusable audio players with an optional caption and preload setting.
- Enable raw HTML in Hugo
Enable raw HTML in Hugo's Goldmark renderer, and understand the trade-off before switching it on.
- Hugo shortcode for raw HTML
Render selected blocks of raw HTML in Hugo content with a small custom shortcode.
- Show related content in Hugo
Use Hugo's built-in related content feature to show a short list of relevant pages after a post.
- Count the pages in a Hugo section
Use Hugo's where function to count the regular pages in a specific content section.
- Add Anchor Links to Hugo Headings
Wrap rendered Hugo headings in links so readers can copy a URL to a particular section.
- Getting a content file's name and path in Hugo
A concise reference to the path, name, language, directory, and identifier fields on Hugo's page file variable.
- Add a "Skip to Main Content" Link
Let keyboard and screen-reader users bypass repeated navigation with a small HTML and CSS pattern.
- A simple tag cloud for Hugo
Build a small Hugo tag cloud, filter out rare tags, and exclude terms you do not want to show.
- Adding JSON-LD to a Hugo site
Generate WebSite and BlogPosting structured data from Hugo templates and site configuration.
- Creating a Hugo theme from scratch
Generate a Hugo theme skeleton, understand its main folders, and add the first piece of content.
- Adding Google Tag Manager to a Hugo site
Configure a Google Tag Manager container in Hugo, add both snippets, and keep it disabled on localhost.
- Comma-separated tags in Hugo
Render a Hugo page's tags as links separated by commas, without leaving a trailing comma.
- Client-side search for a Hugo site
Build search for a Hugo site with a JSON index, Fuse.js, Mark.js, and a small search template.