Intro

  • We’ll be using yml/yaml format for all examples down below, I recommend using yml over toml as it is easier to read.

  • You can find any YML to TOML converters if necessary.


Override theme template

By Hugo’s Lookup Order, you can override any part of a theme that you want. The following is a quick example.

Let’s say you wish the list was different. All you have to do is copy the list template:

your-site/themes/papermod/layouts/_defaults/list.html
 

And paste it under your own layouts folder:

your-site/layouts/_defaults/list.html
 

Then you’re free to make any changes you want to the list. @@ -70,10 +70,7 @@ assets: apple_touch_icon: "/apple-touch-icon.png" safari_pinned_tab: "/safari-pinned-tab.svg"


Centering image in markdown

Add #center after image to center align an image

![name](path/to/image.png#center)
-

When using figure shortcode

use align=center to center image with captions

ex.

- -
- +

When using figure shortcode

use align=center to center image with captions

ex.

{{< figure align=center src="image.jpg" >}}
 

Using Hugo’s Syntax highlighter “chroma”

  1. Disable Highlight.js in site config.yml

    params:
         assets:
             disableHLJS: true