Setup comments in ghost blog

ghost-comments.js

<script>
    try {
      let commentsContainerSelector = ".gh-content";
      if (document.querySelector(commentsContainerSelector)) {
        const commentsEl = document.createElement("script");
        commentsEl.src = "https://utteranc.es/client.js";
        commentsEl.setAttribute("repo", "github-username/repo-name");
        commentsEl.setAttribute("issue-term", "pathname");
        commentsEl.setAttribute("theme", "preferred-color-scheme");
        commentsEl.setAttribute("crossorigin", "anonymous");
        commentsEl.async = true;

        document.querySelector(commentsContainerSelector).appendChild(commentsEl);
      }
    } catch (e) {
      console.error("Failed to load comments", e);
    }
</script>