feat: add Bluesky comments support

layouts/_default/single.html

@@ -25,6 +25,12 @@
 
 {{ define "main" }}
     {{ partial "article/article.html" . }}
+
+    {{ with .Params.bsky_post }}
+        {{ if . }}
+            {{ partial "bsky-comments.html" . }}
+        {{ end }}
+    {{ end }}
 
     {{ if .Params.links }}
         {{ partial "article/components/links" . }}

layouts/partials/comments/bsky-comments.html

@@ -0,0 +1,29 @@
+<script type="module" src="https://cdn.jsdelivr.net/gh/Siya-33/[email protected]/js/bsky-comments.js"></script>
+<bsky-comments post="{{ . }}" ></bsky-comments>
+<style>
+    bsky-comments {
+        --background-color: var(--card-background);
+        --text-color: var(--card-text-color-main);
+        --link-color: var(--code-text-color);
+        --comment-meta-color: #5E9595;
+        --error-color: red;
+        --reply-border-color: transparent;
+        --button-background-color: var(--code-background-color);
+        --author-avatar-border-radius: 100%;
+    }
+</style>
+<!-- custom style -->
+<!-- <script>
+  document.addEventListener('DOMContentLoaded', function() {
+    const bskyComments = document.querySelector('bsky-comments');
+    if (bskyComments) {
+      const style = document.createElement('style');
+      style.textContent = `
+        comments {
+          border-radius: var(--card-border-radius);
+        }
+      `;
+      bskyComments.shadowRoot.appendChild(style);
+    }
+  });
+</script> -->