diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 5f300bf..2469c1b 100644
--- a/layouts/_default/single.html
+++ b/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" . }}
diff --git a/layouts/partials/comments/bsky-comments.html b/layouts/partials/comments/bsky-comments.html
new file mode 100644
index 0000000..65d4d8e
--- /dev/null
+++ b/layouts/partials/comments/bsky-comments.html
@@ -0,0 +1,29 @@
+<script type="module" src="https://cdn.jsdelivr.net/gh/Siya-33/static@1.2.7/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> -->
\ No newline at end of file