diff --git a/components/Comment.js b/components/Comment.js
index 45bb554f..915b96ee 100644
--- a/components/Comment.js
+++ b/components/Comment.js
@@ -1,14 +1,13 @@
 import BLOG from '@/blog.config'
 import dynamic from 'next/dynamic'
 import { useRouter } from 'next/router'
-import 'gitalk/dist/gitalk.css'
 import Tabs from '@/components/Tabs'
 import { ReactCusdis } from 'react-cusdis'
 import { useGlobal } from '@/lib/global'
 
 const GitalkComponent = dynamic(
   () => {
-    return import('gitalk/dist/gitalk-component')
+    return import('@/components/Gitalk')
   },
   { ssr: false }
 )
diff --git a/components/Gitalk.js b/components/Gitalk.js
new file mode 100644
index 00000000..2edc44bd
--- /dev/null
+++ b/components/Gitalk.js
@@ -0,0 +1,9 @@
+import 'gitalk/dist/gitalk.css'
+
+import GitalkComponent from 'gitalk/dist/gitalk-component'
+
+const Gitalk = props => {
+  return <GitalkComponent {...props} />
+}
+
+export default Gitalk