Hugo partial code to add class to table
There is no straight direct way to add a css class to hugo tables for styling. We use a workaround to add class to hugo marked-down tables
Hugo Shortcode to include a markdown file
Here is how you can use shortcode’s to include a another markdown file in hugo. Including markdown will help you reuse contents from another blog markdown post/article
Hugo: How to generate Webp images for your websites & blog
Learn how to use Hugo’s builtin Image processing feature to generate Webp Image and boost your website speed & SEO ranking.
Use Hugo image processing to convert Images to any formats
Use this hugo partial code for automating Images format conversion to other formats like webp, bmp, gif, jpeg, jpg, png, tif and tiff
Hugo: Using getJSON to fetch remote REST API in hugo template
Hugo is very powerful static site builder, it can fetch any JSON rest API and build content out of it. In this example we will use getJSON hugo function to fetch the json data from Woocommerce site. You can develope this further and create a full fledged headless e-commerce website with hugo at the frontend wordpress and woocommerce as a backend.
Hugo: How to escape Hugo shortcodes
If want to escape/comment a shortcode (aka. prevent from executing shortcode) in a .md, and display the shortcode itself in the output.
Hugo: shortcode for displaying a cards
Hugo shortcode snippet for displaying a cards (with tiles and content). Cards will help you highlight a block content in a post
Hugo: frontmatter title block code snippet for Visual Studio Code
In VSCode, Code Snippets are templates that make it easier to enter repeating code patterns, such as loops or conditional-statements. Learn how to use code snippets to generate frontmatter title block for Hugo
Hugo: How to dump a variable to build console
Many time you may want to inspect or dump variables of current scope in Hugo
Hugo: How to filter/remove urls from sitemap.xml
Sometimes you may want to remove certain urls or path from sitemap.xml to improve seo of you website. Here is how you do it for hugo static site generator.