How to enable discussions for a blogHow to enable discussions for a blog

[kkkh]

How to enable discussions for a blog, I opened the discussion but it gives a prompt of
An error occurred: giscus is not installed on this repository
How can I get this feature of the page to work.
I have gotten the js code through https://giscus.app/, how do I make it work? Where exactly do I add it? I'm sorry for the inconvenience.

[timlrx]

Make sure you have followed the instructions listed in https://giscus.app i.e.

1. The repository is public, otherwise visitors will not be able to view the discussion.
2. The giscus app is installed, otherwise visitors will not be able to comment and react.
3. The Discussions feature is turned on by enabling it for your repository.

Choose a discussion category e..g Announcements

Under enable discus, you will see a script like this:

<script src="https://giscus.app/client.js"
        data-repo="timlrx/tailwind-nextjs-starter-blog"
        data-repo-id="ABCDEDFG"
        data-category="Announcements"
        data-category-id="QWERTYYUIOP"
        data-mapping="pathname"
        data-strict="0"
        data-reactions-enabled="1"
        data-emit-metadata="0"
        data-input-position="bottom"
        data-theme="preferred_color_scheme"
        data-lang="en"
        crossorigin="anonymous"
        async>
</script>

As seen in .env.example, set the following environment variables corresponding to the above fields
e.g.
NEXT_PUBLIC_GISCUS_REPO=timlrx/tailwind-nextjs-starter-blog
NEXT_PUBLIC_GISCUS_REPOSITORY_ID=ABCDEDFG
NEXT_PUBLIC_GISCUS_CATEGORY=Announcements
NEXT_PUBLIC_GISCUS_CATEGORY_ID=QWERTYYUIOP