diff --git a/layout/_partial/comment/artalk.ejs b/layout/_partial/comment/artalk.ejs
new file mode 100644
index 0000000..4080398
--- /dev/null
+++ b/layout/_partial/comment/artalk.ejs
@@ -0,0 +1,31 @@
+<%
+const {
+  server,
+  site
+} = theme.comment?.artalk
+let cdn_css = '//cdnjs.cloudflare.com/ajax/libs/artalk/2.7.3/Artalk.css'
+let cdn_js = '//cdnjs.cloudflare.com/ajax/libs/artalk/2.7.3/Artalk.js'
+%>
+<% if(server && site) { %>
+    <div class="artalk-comment-container">
+        <div id="artalk-container"></div>
+        <link rel="stylesheet" href="<%= cdn_css %>">
+        <script src="<%= cdn_js %>"></script>
+        <script >
+          function loadArtalk() {
+            Artalk.init({
+                el: '#artalk-container',
+                server: '<%= server %>',
+                site: '<%= site %>',
+            })
+          }
+
+
+          const loadArtalkTimeout = setTimeout(() => {
+              loadArtalk();
+              clearTimeout(loadArtalkTimeout);
+          }, 1000);
+
+        </script>
+    </div>
+<% } %>
diff --git a/layout/_partial/comment/comment.ejs b/layout/_partial/comment/comment.ejs
index 8d1d4bb..1d5a9c4 100644
--- a/layout/_partial/comment/comment.ejs
+++ b/layout/_partial/comment/comment.ejs
@@ -22,6 +22,9 @@ const {
         <% } else if (t_comment_use === 'waline') { %>
             <%- partial('waline') %>
 
+        <% } else if (t_comment_use === 'artalk') { %>
+            <%- partial('artalk') %>
+
         <% } %>
     <% } %>
 </div>