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 ########
|
||||||
comments:
|
comments:
|
||||||
service: # beaudar, utterances, valine, twikoo, waline
|
service: # beaudar, utterances, twikoo, waline
|
||||||
# beaudar
|
# beaudar
|
||||||
# https://beaudar.lipk.org/
|
# https://beaudar.lipk.org/
|
||||||
beaudar:
|
beaudar:
|
||||||
|
|
@ -102,28 +102,6 @@ comments:
|
||||||
data-loading: lazy
|
data-loading: lazy
|
||||||
crossorigin: anonymous
|
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
|
# Twikoo
|
||||||
# https://twikoo.js.org/
|
# https://twikoo.js.org/
|
||||||
twikoo:
|
twikoo:
|
||||||
|
|
@ -290,7 +268,6 @@ plugins:
|
||||||
js: https://fastly.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js
|
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
|
css: https://fastly.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css
|
||||||
# 可以处理评论区的图片（不支持 iframe 类评论系统）例如：
|
# 可以处理评论区的图片（不支持 iframe 类评论系统）例如：
|
||||||
# 使用valine评论可以写: .vcontent img:not(.vemoji)
|
|
||||||
# 使用twikoo评论可以写: .tk-content img:not([class*="emo"])
|
# 使用twikoo评论可以写: .tk-content img:not([class*="emo"])
|
||||||
# 使用waline评论可以写: #waline_container .vcontent img
|
# 使用waline评论可以写: #waline_container .vcontent img
|
||||||
selector: .swiper-slide 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'
|
@import 'comments/twikoo'
|
||||||
if hexo-config('comments.service') == 'utterances'
|
if hexo-config('comments.service') == 'utterances'
|
||||||
@import 'comments/utterances'
|
@import 'comments/utterances'
|
||||||
if hexo-config('comments.service') == 'valine'
|
|
||||||
@import 'comments/valine'
|
|
||||||
if hexo-config('comments.service') == 'waline'
|
if hexo-config('comments.service') == 'waline'
|
||||||
@import 'comments/waline'
|
@import 'comments/waline'
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue