diff --git a/_config.yml b/_config.yml
index 0431078..bc500be 100644
--- a/_config.yml
+++ b/_config.yml
@@ -173,6 +173,13 @@ comment:
client_id: # GitHub Application Client ID
client_secret: # GitHub Application Client Secret
+ # Twikoo
+ # See: https://github.com/imaegoo/twikoo
+ twikoo:
+ enable: false
+ env_id: # Tencent Cloud environment id
+ region: # environment region. If select Guangzhou, fill in "ap-guangzhou".
+
# ---------------------------------------------------------------------------------------
# RSS
diff --git a/layout/_partial/comment/comment.ejs b/layout/_partial/comment/comment.ejs
index 42f7773..3ca73a2 100644
--- a/layout/_partial/comment/comment.ejs
+++ b/layout/_partial/comment/comment.ejs
@@ -1,10 +1,16 @@
diff --git a/layout/_partial/comment/twikoo.ejs b/layout/_partial/comment/twikoo.ejs
new file mode 100644
index 0000000..b874949
--- /dev/null
+++ b/layout/_partial/comment/twikoo.ejs
@@ -0,0 +1,26 @@
+<% if(theme.comment.twikoo.enable === true && theme.comment.twikoo.env_id) { %>
+
+
+
+
+
+<% } %>
diff --git a/layout/_partial/post-tools.ejs b/layout/_partial/post-tools.ejs
index db415a3..a1ac4ac 100644
--- a/layout/_partial/post-tools.ejs
+++ b/layout/_partial/post-tools.ejs
@@ -8,7 +8,11 @@
<% } %>
- <% if (theme.comment.valine.enable || theme.comment.gitalk.enable) { %>
+ <% if (
+ theme.comment.valine.enable
+ || theme.comment.gitalk.enable
+ || theme.comment.twikoo.enable
+ ) { %>
diff --git a/layout/article-content.ejs b/layout/article-content.ejs
index 608f69b..f660b7c 100644
--- a/layout/article-content.ejs
+++ b/layout/article-content.ejs
@@ -46,7 +46,7 @@
rel="prev"
href="<%= url_for(page.prev.path) %>"
>
-
+
@@ -66,7 +66,7 @@
<%= page.next.title %>
<%= __('next_posts') %>
-
+
@@ -75,7 +75,11 @@
<% } %>
- <% if (theme.comment.valine.enable || theme.comment.gitalk.enable) { %>
+ <% if (
+ theme.comment.valine.enable
+ || theme.comment.gitalk.enable
+ || theme.comment.twikoo.enable
+ ) { %>
diff --git a/source/css/layout/_partial/comment/comment.styl b/source/css/layout/_partial/comment/comment.styl
index d577269..506ec75 100644
--- a/source/css/layout/_partial/comment/comment.styl
+++ b/source/css/layout/_partial/comment/comment.styl
@@ -1,13 +1,15 @@
-if (hexo-config('comment.valine.enable')) {
+if (hexo-config('comment.valine.enable') && hexo-config('comment.gitalk.enable') && hexo-config('comment.twikoo.enable')) {
@require "./valine.styl";
-}
-if (hexo-config('comment.gitalk.enable')) {
+} else if (hexo-config('comment.valine.enable')) {
+ @require "./valine.styl";
+
+} else if (hexo-config('comment.gitalk.enable')) {
@require "./gitalk.styl";
-}
-if (hexo-config('comment.valine.enable') && hexo-config('comment.gitalk.enable')) {
- @require "./valine.styl";
+} else if (hexo-config('comment.twikoo.enable')) {
+ @require "./twikoo.styl";
+
}
.comments-container {
diff --git a/source/css/layout/_partial/comment/twikoo.styl b/source/css/layout/_partial/comment/twikoo.styl
new file mode 100644
index 0000000..ff80949
--- /dev/null
+++ b/source/css/layout/_partial/comment/twikoo.styl
@@ -0,0 +1,40 @@
+.twikoo-container {
+
+ #twikoo {
+
+ .actions {
+
+ .OwO {
+
+ .OwO-body {
+ color: var(--defauly-color);
+ background-color: var(--background-color);
+ }
+ }
+ }
+
+ .tk-main {
+
+ .tk-meta {
+
+ .tk-tag {
+
+ &.tk-tag-green {
+ background: -webkit-linear-gradient(45deg, #e3565e, #ee854b, #f6c258, #90c68a, #5fb3b3, #6699cc, #c594c5);
+ background: linear-gradient(45deg, #e3565e, #ee854b, #f6c258, #90c68a, #5fb3b3, #6699cc, #c594c5);
+ color: #fff;
+ border none;
+ border-radius: 5px;
+ }
+
+ }
+
+ }
+
+ }
+
+
+ }
+
+
+}