diff --git a/src/components/Artalk.astro b/src/components/Artalk.astro
deleted file mode 100644
index 1bf1659..0000000
--- a/src/components/Artalk.astro
+++ /dev/null
@@ -1,25 +0,0 @@
----
-const { site, server } = Astro.props;
----
-
-<link href="https://artalk.loliko.cn/dist/Artalk.css" rel="stylesheet">
-<script is:inline data-astro-rerun src="https://artalk.loliko.cn/dist/Artalk.js"></script>
-<div id="Comments"></div>
-
-<script is:inline data-astro-rerun>
-  function initializeArtalk() {
-    try {
-      Artalk.init({
-        el: '#Comments',
-        server: 'https://artalk.loliko.cn', 
-        site: 'ittst',
-      });
-    } catch (error) {
-      console.error('Artalk initialization failed:', error);
-    }
-  }
-
-  document.addEventListener('astro:page-load', () => {
-    initializeArtalk();
-  });
-</script>
\ No newline at end of file
diff --git a/src/components/Twikoo.astro b/src/components/Twikoo.astro
new file mode 100644
index 0000000..929afa1
--- /dev/null
+++ b/src/components/Twikoo.astro
@@ -0,0 +1,12 @@
+---
+const { site, server } = Astro.props;
+---
+
+<div id="tcomment"></div>
+<script is:inline src="https://cdn.jkjoy.cn/twikoo/twikoo.all.min.js"></script>
+<script is:inline>
+twikoo.init({
+  envId: 'https://t.ittst.com', 
+  el: '#tcomment', 
+})
+</script>
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 26d18f8..f59fcd9 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -156,7 +156,10 @@ const bannerOffset = bannerOffsetByPosition[siteConfig.banner.position || 'cente
 		--hue: var(--configHue);
 		--page-width: 75rem;
 	}
-	.atk-copyright {
+	.tk-avatar {
+        display: none !important;
+    }
+	.tk-footer {
         display: none !important;
     }
 </style>
diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
index aff4345..7b64c99 100644
--- a/src/pages/posts/[...slug].astro
+++ b/src/pages/posts/[...slug].astro
@@ -13,7 +13,7 @@ import PostMetadata from '../../components/PostMeta.astro'
 import ImageWrapper from '../../components/misc/ImageWrapper.astro'
 import { profileConfig, siteConfig } from '../../config'
 import { formatDateToYYYYMMDD } from '../../utils/date-utils'
-import Artalk from '../../components/Artalk.astro'
+import Twikoo from '../../components/Twikoo.astro'
 
 export async function getStaticPaths() {
   const blogEntries = await getCollection('posts', ({ data }) => {
@@ -108,8 +108,6 @@ const jsonLd = {
 
         </div>
     </div>
-    <!-- 使用ArtalkComments组件 -->
-    <Artalk />
     <div class="flex flex-col md:flex-row justify-between mb-4 gap-4 overflow-hidden w-full">
         <a href={entry.data.nextSlug ? getPostUrlBySlug(entry.data.nextSlug) : "#"}
            class:list={["w-full font-bold overflow-hidden active:scale-95", {"pointer-events-none": !entry.data.nextSlug}]}>
@@ -131,6 +129,8 @@ const jsonLd = {
             </div>}
         </a>
     </div>
+        <!-- 使用Twikoo组件 -->
+    <Twikoo />
 </MainGridLayout>
 
 <style is:global>