feat(component:disqus): add component Disqus

Author: ansidev

src/components/Disqus.astro

@@ -0,0 +1,29 @@
+---
+interface Props {
+  siteId: string
+  pageURL: string
+  pageIdentifier: string
+}
+
+const { siteId, pageURL, pageIdentifier } = Astro.props
+---
+
+<div id="disqus_thread"></div>
+<script define:vars={{ siteId, pageURL, pageIdentifier }}>
+  var disqus_config = function () {
+    this.page.url = pageURL
+    this.page.identifier = pageIdentifier
+  }
+  ;(function () {
+    // DON'T EDIT BELOW THIS LINE
+    var d = document,
+      s = d.createElement('script')
+    s.src = `https://${siteId}.disqus.com/embed.js`
+    s.setAttribute('data-timestamp', new Date().toString())
+    ;(d.head || d.body).appendChild(s)
+  })()
+</script>
+<noscript>
+  Please enable JavaScript to view the
+  <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a>
+</noscript>

src/configs/site.ts

@@ -49,5 +49,8 @@ export default {
     swetrix: {
       projectId: env.SWETRIX_ID,
     },
+    disqus: {
+      siteId: env.DISQUS_ID,
+    },
   }
 }