From 38e99de4fb3a3ef76e32c01e7412115476f1dd9e Mon Sep 17 00:00:00 2001
From: MHuiG <616001163@qq.com>
Date: Mon, 19 Apr 2021 18:43:10 +0800
Subject: [PATCH] minivaline v6

---
 _config.yml                         |   4 +-
 layout/_partial/post/minivaline.ejs | 114 ++++++++++++----------------
 2 files changed, 51 insertions(+), 67 deletions(-)

diff --git a/_config.yml b/_config.yml
index 2b2a28d..1163f6f 100644
--- a/_config.yml
+++ b/_config.yml
@@ -233,12 +233,10 @@ twikoo:
 # See: https://github.com/MiniValine/MiniValine
 minivaline:
   enable: false
-  md: true
   # 更多选项 https://minivaline.js.org/docs/cn/#/Options 按照yml格式继续填写即可 （除了 [el] 选项）
   # emoticonUrl 等列表选项 可参考 https://github.com/MiniValine/hexo-next-minivaline
   # 下面是一个例子：
-  backend: waline
-  serverURL: https://waline.vercel.app
+  serverURL: https://minivaline.your-domain.com
 
 # 首页广告配置
 # 可以根据需要自行增加ad_3，ad_4...，留空则不显示，建议图片和url不要带ad等关键词，否则可能会被adblock等插件屏蔽
diff --git a/layout/_partial/post/minivaline.ejs b/layout/_partial/post/minivaline.ejs
index 330caf5..05eaca3 100644
--- a/layout/_partial/post/minivaline.ejs
+++ b/layout/_partial/post/minivaline.ejs
@@ -3,75 +3,61 @@
 <div id="mvcomments-box">
   <div id="mvcomments"></div>
 </div>
-<script src="https://cdn.jsdelivr.net/npm/minivaline@latest"></script>
+<script src="https://cdn.jsdelivr.net/npm/minivaline@6"></script>
 <script>
-    new MiniValine(Object.assign(<%- JSON.stringify(theme.minivaline) %>, {
-	  el: '#mvcomments',
-    }));
+  new MiniValine(Object.assign(<%- JSON.stringify(theme.minivaline) %>, {
+    el: '#mvcomments',
+  }));
   const infoEle = document.querySelector('#mvcomments .info');
   if (infoEle && infoEle.childNodes && infoEle.childNodes.length > 0) {
-      infoEle.childNodes.forEach(function (item) {
-          item.parentNode.removeChild(item);
-      });
+    infoEle.childNodes.forEach(function (item) {
+      item.parentNode.removeChild(item);
+    });
   }
 </script>
 <style>
-	#mvcomments-box {
-		padding: 5px 30px;
-	}
-	@media screen and (max-width: 800px) {
-		#mvcomments-box {
-		  padding: 5px 0px;
-		}
-	}
-	.darkmode .MiniValine *{
-		color: #f1f1f1!important;
-	}
-	.darkmode .commentTrigger{
-		background-color: #403e3e !important;
-	  }
-	.darkmode .MiniValine .vpage .more{
-		background: #21232F
-	}
-	.darkmode img{
-		filter: brightness(30%)
-	}
-	.darkmode .MiniValine .vlist .vcard .vcomment-body .text-wrapper .vcomment.expand:before{
-		background: linear-gradient(180deg, rgba(246,246,246,0), rgba(0,0,0,0.9))
-	}
-	.darkmode .MiniValine .vlist .vcard .vcomment-body .text-wrapper .vcomment.expand:after{
-		background: rgba(0,0,0,0.9)
-	}
-	.darkmode .MiniValine .vlist .vcard .vcomment-body .text-wrapper .vcomment pre{
-		background: #282c34
-		border: 1px solid #282c34
-	}
-	.darkmode .MiniValine .vinputs-area .textarea-wrapper textarea{
-		color: #000;
-	}
-	.darkmode .MiniValine .vinputs-area .auth-section .input-wrapper input{
-		color: #000;
-	}
-	.darkmode .MiniValine .vinputs-area .vextra-area .vsmile-icons{
-		background: transparent;
-	}
-	.darkmode .MiniValine .vinputs-wrap{
-		border-color: #b2b2b5;
-	}
-	.darkmode .MiniValine .vinputs-wrap:hover{
-		border: 1px dashed #2196f3;
-	}
-	.darkmode .MiniValine .vinputs-area .auth-section .input-wrapper{
-		border-bottom: 1px dashed #b2b2b5;
-	}
-	.darkmode .MiniValine .vinputs-area .auth-section .input-wrapper:hover{
-		border-bottom: 1px dashed #2196f3;
-	}
-	.darkmode .MiniValine .vbtn{
-		background-color: transparent!important;
-	}
-	.darkmode .MiniValine .vbtn:hover{
-		border: 1px dashed #2196f3;
-	}
+  #mvcomments-box {
+    padding: 5px 30px;
+  }
+  @media screen and (max-width: 800px) {
+    #mvcomments-box {
+      padding: 5px 0px;
+    }
+  }
+  :root .darkmode {
+    --ohhho-color-p: #bbb;
+    --ohhho-color-text: #fff;
+    --ohhho-color-card: #252d38;
+    --ohhho-color-block: rgba(68, 68, 68, 0.65);
+  }
+  .darkmode
+    .ohhho
+    .vlist
+    .vcard
+    .vcomment-body
+    .text-wrapper
+    .vcomment.expand:before {
+    background: linear-gradient(
+      180deg,
+      rgba(246, 246, 246, 0),
+      rgba(0, 0, 0, 0.9)
+    );
+  }
+  .darkmode
+    .ohhho
+    .vlist
+    .vcard
+    .vcomment-body
+    .text-wrapper
+    .vcomment.expand:after {
+    background: rgba(0, 0, 0, 0.9);
+  }
+  .darkmode .ohhho pre {
+    background: #888;
+    border: 1px solid var(--ohhho-color-block);
+  }
+  .darkmode .ohhho .vlist .vcard .vcomment-body .vhead {
+    filter: brightness(85%);
+  }
 </style>
 <% } %>