<div style="width: 100%; height: 600px;">
  <script>
    function make_commant() {
      var script = document.createElement('script');
      setAttributes(script, {
        "src": "https://giscus.app/client.js",
        "data-repo": "team-sonamu/blog-comment",
        "data-repo-id": "R_kgDOMbTyEA",
        "data-category": "Comments",
        "data-category-id": "DIC_kwDOMbTyEM4ChMCz",
        "data-mapping": "pathname",
        "data-strict": "0",
        "data-reactions-enabled": "1",
        "data-emit-metadata": "0",
        "data-input-position": "bottom",
        "data-theme": "light_tritanopia",
        "data-lang": "ko",
        "crossorigin": "anonymous",
        "async": "async"
      });
      var container = document.querySelector('div.notion-page-content');
      var lastChild = container.lastChild;
      lastChild.before(script);
    }

    function setAttributes(el, attrs) {
      for (var key in attrs) {
        el.setAttribute(key, attrs[key]);
      }
    }
    make_commant();
  </script>
</div>

이런 서비스를 만들고 있어요.