remove valine
This commit is contained in:
xaoxuu
parent
52df8b7090
commit
00bc17252c
25
_config.yml
25
_config.yml
|
|
@ -63,7 +63,7 @@ article:
|
|||
|
||||
######## Comments ########
|
||||
comments:
|
||||
service: # beaudar, utterances, valine, twikoo, waline
|
||||
service: # beaudar, utterances, twikoo, waline
|
||||
# beaudar
|
||||
# https://beaudar.lipk.org/
|
||||
beaudar:
|
||||
|
|
@ -102,28 +102,6 @@ comments:
|
|||
data-loading: lazy
|
||||
crossorigin: anonymous
|
||||
|
||||
valine:
|
||||
js: https://fastly.jsdelivr.net/gh/XuxuGood/simple-blog-cdn@main/js/Valine.min.js
|
||||
appId: # your appId
|
||||
appKey: # your appKey
|
||||
placeholder:
|
||||
requiredFields: [nick, mail]
|
||||
enableQQ: true # Unstable avatar link
|
||||
recordIP: false # Record commenter IP
|
||||
avatar: robohash # gravatar style https://valine.js.org/avatar
|
||||
pageSize: 10 # comment list page size
|
||||
lang: zh-cn
|
||||
highlight: true
|
||||
mathJax: false
|
||||
tagMeta: [博主, 小伙伴, 访客] # 标签要显示的文字,默认'博主,小伙伴,访客'
|
||||
metaPlaceholder:
|
||||
nick: "昵称/QQ号(必填)"
|
||||
mail: "邮箱（必填，完全保密）"
|
||||
link: "网址(https://)"
|
||||
master: #md5加密后的博主邮箱
|
||||
- 6783037F2DF30EAB99F9FC256157D875
|
||||
friends: #md5加密后的小伙伴邮箱
|
||||
- 6783037F2DF30EAB99F9FC256157D875
|
||||
# Twikoo
|
||||
# https://twikoo.js.org/
|
||||
twikoo:
|
||||
|
|
@ -290,7 +268,6 @@ plugins:
|
|||
js: https://fastly.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js
|
||||
css: https://fastly.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css
|
||||
# 可以处理评论区的图片（不支持 iframe 类评论系统）例如：
|
||||
# 使用valine评论可以写: .vcontent img:not(.vemoji)
|
||||
# 使用twikoo评论可以写: .tk-content img:not([class*="emo"])
|
||||
# 使用waline评论可以写: #waline_container .vcontent img
|
||||
selector: .swiper-slide img # 多个选择器用英文逗号隔开
|
||||
|
|
|
|||
|
|
@ -1,19 +0,0 @@
|
|||
<%
|
||||
function layoutDiv() {
|
||||
var el = '';
|
||||
el += '<div id="valine_container" class="valine_thread"';
|
||||
let cfg = {};
|
||||
if (page.comment_id) {
|
||||
cfg['comment_id'] = page.comment_id;
|
||||
}
|
||||
for (let key of Object.keys(cfg)) {
|
||||
if (cfg[key]) {
|
||||
el += ' ' + key + '="' + cfg[key] + '"';
|
||||
}
|
||||
}
|
||||
el += '><svg class="loading" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg></div>';
|
||||
return el;
|
||||
}
|
||||
%>
|
||||
|
||||
<%- layoutDiv() %>
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
<script>
|
||||
function getEmojiMaps() {
|
||||
function emoji(path, idx, ext) {
|
||||
return path + "/" + path + "-" + idx + "." + ext;
|
||||
}
|
||||
var emojiMaps = {};
|
||||
for (var i = 1; i <= 54; i++) {
|
||||
emojiMaps['tieba-' + i] = emoji('tieba', i, 'png');
|
||||
}
|
||||
for (var i = 1; i <= 101; i++) {
|
||||
emojiMaps['qq-' + i] = emoji('qq', i, 'gif');
|
||||
}
|
||||
for (var i = 1; i <= 116; i++) {
|
||||
emojiMaps['aru-' + i] = emoji('aru', i, 'gif');
|
||||
}
|
||||
for (var i = 1; i <= 125; i++) {
|
||||
emojiMaps['twemoji-' + i] = emoji('twemoji', i, 'png');
|
||||
}
|
||||
for (var i = 1; i <= 4; i++) {
|
||||
emojiMaps['weibo-' + i] = emoji('weibo', i, 'png');
|
||||
}
|
||||
return emojiMaps;
|
||||
}
|
||||
function load_comment(){
|
||||
if(!document.getElementById("valine_container"))return;
|
||||
stellar.loadScript('<%- theme.comments.valine.js %>', {defer:true}).then(function () {
|
||||
const el = document.getElementById("valine_container");
|
||||
var path = el.getAttribute('comment_id');
|
||||
const placeholder = "<%= theme.comments.valine.placeholder %>";
|
||||
if (!path) {
|
||||
path = decodeURI(window.location.pathname);
|
||||
}
|
||||
var valine = new Valine();
|
||||
valine.init(Object.assign(<%- JSON.stringify(theme.comments.valine) %>, {
|
||||
el: '#valine_container',
|
||||
path: path,
|
||||
placeholder: placeholder,
|
||||
emojiCDN: 'https://fastly.jsdelivr.net/gh/cdn-x/emoji/valine/',
|
||||
emojiMaps: getEmojiMaps(),
|
||||
}));
|
||||
});
|
||||
}
|
||||
window.addEventListener('DOMContentLoaded', (event) => {
|
||||
console.log('DOM fully loaded and parsed');
|
||||
load_comment();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
|
@ -1,222 +0,0 @@
|
|||
.cmt-body.valine
|
||||
--more-before: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(246, 246, 246, .9))
|
||||
--more-after: rgba(246, 246, 246, .9)
|
||||
margin-top: 1rem
|
||||
#valine_container
|
||||
line-height: 1.5 !important
|
||||
img
|
||||
display: inline
|
||||
.vwrap
|
||||
background: var(--card)
|
||||
border-radius: $border-block
|
||||
border-style: dashed
|
||||
border: 1px dashed var(--text-meta)
|
||||
&:hover
|
||||
border-color: $color-theme
|
||||
.vheader
|
||||
border-color: $color-theme
|
||||
.cancel-reply
|
||||
margin-top: 0
|
||||
margin-bottom: 0
|
||||
.vheader
|
||||
margin: -10px
|
||||
padding: 5px 10px 0
|
||||
background: var(--site-bg)
|
||||
border-bottom: 1px dashed var(--text-meta)
|
||||
.vinput
|
||||
border: none
|
||||
.vnick
|
||||
margin-left: 0;
|
||||
.vedit
|
||||
.vicon
|
||||
height: 22px
|
||||
.vemojis,.vpreview
|
||||
background: var(--block)
|
||||
border-radius: 4px
|
||||
padding: 0.5rem
|
||||
scrollbar(0, 0)
|
||||
.vemoji
|
||||
max-height: 22px
|
||||
max-width: 100px
|
||||
i
|
||||
width: auto
|
||||
padding: 8px
|
||||
border-radius: 4px
|
||||
trans2: box-shadow background
|
||||
&:hover
|
||||
background: linear-gradient(145deg, #eee, #fff)
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1), -1px -1px 2px rgba(255, 255, 255, 0.5), inset 8px 8px 16px rgba(0, 0, 0, 0.05), inset -8px -8px 16px rgba(255, 255, 255, 0.4)
|
||||
if hexo-config('style.darkmode') == 'auto'
|
||||
@media (prefers-color-scheme: dark)
|
||||
box-shadow: none
|
||||
if hexo-config('style.darkmode') == 'always'
|
||||
box-shadow: none
|
||||
&:active
|
||||
background: linear-gradient(145deg, #eee, #fff)
|
||||
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1), -0px -0px 0px rgba(255, 255, 255, 0.8), inset 2px 2px 4px rgba(0, 0, 0, 0.1), inset -2px -2px 4px rgba(255, 255, 255, 1), inset -8px -8px 16px rgba(255, 255, 255, 0.4)
|
||||
if hexo-config('style.darkmode') == 'auto'
|
||||
@media (prefers-color-scheme: dark)
|
||||
box-shadow: none
|
||||
if hexo-config('style.darkmode') == 'always'
|
||||
box-shadow: none
|
||||
.vedit
|
||||
.vctrl span
|
||||
padding: 0
|
||||
margin: 10px
|
||||
span
|
||||
fill: var(--text-p1)
|
||||
&.actived
|
||||
fill: $color-theme
|
||||
.vcount
|
||||
color: var(--text-p1)
|
||||
font-size: $fs-13
|
||||
padding: 0
|
||||
font-weight: inherit
|
||||
.vnum
|
||||
color: var(--text-p1)
|
||||
font-size: $fs-h2
|
||||
font-weight: 700
|
||||
|
||||
button
|
||||
border: none
|
||||
padding: 4px 2rem
|
||||
border-radius: 4px
|
||||
background: var(--block)
|
||||
color: var(--text-p1)
|
||||
line-height: 2
|
||||
font-size: 14px
|
||||
font-weight: 500
|
||||
trans()
|
||||
&:hover
|
||||
background: var(--block-hover)
|
||||
&.vmore
|
||||
width: 100%
|
||||
padding: 8px 2rem
|
||||
.vcards
|
||||
margin-top: 0.5rem
|
||||
.vcard
|
||||
display: flex
|
||||
position: relative
|
||||
.vcontent.expand
|
||||
&:before
|
||||
background: var(--more-before);
|
||||
&:after
|
||||
background: var(--more-after);
|
||||
.vimg
|
||||
width: 40px
|
||||
height: 40px
|
||||
z-index: 1
|
||||
.vh
|
||||
margin-left: -46px
|
||||
padding-bottom: 0
|
||||
width: 100%
|
||||
position: relative
|
||||
.vhead
|
||||
line-height: 1.2
|
||||
.vnick
|
||||
margin-left: 44px
|
||||
line-height: inherit
|
||||
font-size: $fs-14
|
||||
.vtime
|
||||
margin-left: 44px
|
||||
font-size: $fs-12
|
||||
font-weight: 500
|
||||
.vat
|
||||
font-size: $fs-12
|
||||
.vvisitor
|
||||
display: none
|
||||
>.vcard
|
||||
border-radius: $border-block
|
||||
background: var(--card)
|
||||
border: 1px dashed var(--block-border)
|
||||
padding: 1rem
|
||||
margin-bottom: 1rem
|
||||
&:hover
|
||||
border-color: $color-theme;
|
||||
>.vh
|
||||
border-bottom: none
|
||||
>.vquote
|
||||
border-left: none
|
||||
padding-left: 0
|
||||
>.vcard
|
||||
border-top: 1px dashed var(--block-border)
|
||||
.vimg
|
||||
padding: 0
|
||||
background: var(--block)
|
||||
.vhead
|
||||
span.vnick
|
||||
color: var(--text-p2)
|
||||
cursor: default
|
||||
a.vnick
|
||||
color: #ff9800
|
||||
font-weight: 700
|
||||
&:hover
|
||||
color: $color-hover
|
||||
.vsys
|
||||
display: none
|
||||
.vmeta
|
||||
position: static !important
|
||||
.vat
|
||||
font-weight: bold
|
||||
color: var(--text-p1)
|
||||
background: var(--card)
|
||||
padding: 4px 8px
|
||||
border-radius: 2px
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
&:hover
|
||||
color: $color-hover
|
||||
background-color: var(--block)
|
||||
|
||||
.vcontent
|
||||
padding-top: 0
|
||||
margin-top: .75em
|
||||
blockquote
|
||||
padding-top: 1rem
|
||||
padding-bottom: 1rem
|
||||
background: var(--block)
|
||||
border-left: 3px solid $color-theme
|
||||
code
|
||||
color: var(--text-p1)
|
||||
background: var(--block);
|
||||
margin: 0 2px;
|
||||
pre
|
||||
background: var(--block)
|
||||
code
|
||||
border: none
|
||||
a
|
||||
color: $color-link
|
||||
line-height: inherit
|
||||
trans()
|
||||
&:hover
|
||||
color: $color-hover
|
||||
text-decoration: underline
|
||||
p
|
||||
color: var(--text-p1)
|
||||
line-height: inherit
|
||||
.vemoji
|
||||
max-height: 24px
|
||||
border-radius: 0
|
||||
margin-top: -10px
|
||||
max-width: 100px
|
||||
.vempty
|
||||
color: var(--color-meta)
|
||||
.vpower
|
||||
&,a
|
||||
font-size: $fs-12
|
||||
a
|
||||
color: var(--text-p1)
|
||||
&:hover
|
||||
text-decoration: underline
|
||||
color: $color-hover
|
||||
.vinput
|
||||
color: var(--text-p1)
|
||||
p
|
||||
color: var(--text-p1)
|
||||
|
||||
if hexo-config('style.darkmode') == 'auto'
|
||||
@media (prefers-color-scheme: dark)
|
||||
.cmt-body.valine
|
||||
--more-before: 0 0
|
||||
--more-after: #393c40
|
||||
|
|
@ -15,7 +15,5 @@ if hexo-config('comments.service') == 'twikoo'
|
|||
@import 'comments/twikoo'
|
||||
if hexo-config('comments.service') == 'utterances'
|
||||
@import 'comments/utterances'
|
||||
if hexo-config('comments.service') == 'valine'
|
||||
@import 'comments/valine'
|
||||
if hexo-config('comments.service') == 'waline'
|
||||
@import 'comments/waline'
|
||||
|
|
|
|||
Loading…
Reference in New Issue