How to use param.yaml

[muzili902]

When I set parameters in params.yaml like
hb:
custom:
color: "#3a7bd5"
How to use it on the page
like
{{ .Site.Params.hb.custom.color }}

[razonyang]

{{ .Site.Params.hb.custom.color }}

That's right in most case when you're using it in Hugo templates, I'd suggest using {{ site.Params.hb.custom.color }} instead if you're not sure current context of template.

If you're using Markdown, please use the param shortcode instead, e.g. {{% param "hb.custom.color" %}} (I didn't tested).

BTW, your code above doesn't indent correctly, it maybe just typo, please wrap your code with Markdown code block.

```yaml
hb:
  custom:
    color: "#3a7bd5"
```

[muzili902]

I'm using the Hugo Bootstrap theme
and
I defined it in config/_default/params.yaml
hb:
custom:
color: "#3a7bd5"
and I use it in the html page under the location "layouts/partials/hugopress/modules/hb-custom/hooks/hb-blog-sidebar.html"

{{ site.Params.hb.custom.color }}

When I'm running Didn't it output anything

[muzili902]

I'm sure it's indented correctly

hb:
  custom:
    color: "#3a7bd5"

and hb-blog-sidebar.html

<div class="hb-module text-center bg-primary text-white p-3">
  <span id="busuanzi_container_site_pv">
    {{ site.Params.hb.custom.color }}
  </span>
</div>

[razonyang]

I see, you may not have configured the hooks correctly in params.yaml, please append the hb-blog-sidebar to hugopress.modules.hb-custom.hooks:

hugopress:
  modules:
    hb-custom:
      hooks:
        // other hooks ...
        hb-blog-sidebar:
          cacheable: true

BTW, the context (the dot .) is a hook context, you can access the page via .Page within a hook template.