How should I add TOC in my Blog page?

[siyehua]

I have add toc: true in the page config, but it does't work.

---
title: "Example Post"
description: "Just an example post."
summary: "You can use blog posts for announcing product updates and features."
date: 2023-09-07T16:27:22+02:00
lastmod: 2023-09-07T16:27:22+02:00
draft: false
weight: 300
categories: []
tags: []
contributors: []
pinned: false
homepage: false
top: true
seo:
  title: "" # custom title (optional)
  description: "" # custom description (recommended)
  canonical: "" # custom canonical URL (optional)
  noindex: false # false (default) or true
---

Well-thought-through product announcements will help increase feature awareness and engage users with new functionality. Just like [sharing your public roadmap](https://canny.io/blog/should-you-have-a-public-roadmap/), it's also a great way to let potential customers see that you're constantly improving.

## Further reading

- Read [How to announce product updates and features](https://canny.io/blog/announce-product-updates-features/)
## Further reading2

- Read [How to announce product updates and features](https://canny.io/blog/announce-product-updates-features/)

[h-enk]

That's not supported out-of-the-box

You could overwrite the blog single template and add the ToC (based on the _default/single.html template) — for example:

• copy node_modules/@hyas/doks-core/layouts/blog/single.html and paste as layouts/blog/single.html
• insert on line 27 something like:

  {{ if ne .Params.toc false -}}
  <nav class="my-3" aria-label="Secondary navigation">
      {{ partial "sidebar/docs-toc-mobile.html" . }}
  </nav>
  {{ end -}}

• make sure to set in the page's frontmatter: toc: true (not top: true — typo in your code example)

And, you'll get something like this:

[siyehua]

wow,thanks, it works!