Hugo

Building faster, simpler websites with Hugo. Templates, shortcodes, content management, deployment, and lessons from real projects.

Browse 34 articles in this topic. View all topics.

• 2022-04-20 · Hugo
  Embedding audio with Hugo shortcodes

  Create a small Hugo shortcode for reusable audio players with an optional caption and preload setting.

• 2022-04-19 · Hugo
  Enable raw HTML in Hugo

  Enable raw HTML in Hugo with Goldmark’s unsafe setting, check the generated page, and choose a shortcode when only a few trusted blocks need custom markup.

• 2022-02-15 · Hugo
  Hugo shortcode for raw HTML

  Render selected blocks of raw HTML in Hugo content with a small custom shortcode.

• 2022-02-13 · Hugo
  Show related content in Hugo

  Use Hugo's built-in related content feature to show a short list of relevant pages after a post.

• 2022-01-16 · Hugo
  Count the pages in a Hugo section

  Use Hugo's where function to count the regular pages in a specific content section.

• 2021-12-16 · Hugo
  Add Anchor Links to Hugo Headings

  Wrap rendered Hugo headings in links so readers can copy a URL to a particular section.

• 2021-08-11 · Hugo
  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.

• 2021-04-13 · Hugo
  Add a "Skip to Main Content" Link

  Let keyboard and screen-reader users bypass repeated navigation with a small HTML and CSS pattern.

• 2020-12-09 · Hugo
  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.

• 2020-08-24 · Hugo
  Adding JSON-LD to a Hugo site

  Generate WebSite and BlogPosting structured data from Hugo templates and site configuration.

• 2020-06-30 · Hugo
  Creating a Hugo theme from scratch

  Generate a Hugo theme skeleton, understand its main folders, and add the first piece of content.

• 2020-06-12 · Hugo
  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.

• 2020-06-09 · Hugo
  Comma-separated tags in Hugo

  Render a Hugo page's tags as links separated by commas, without leaving a trailing comma.

• 2020-06-09 · Hugo
  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.