feat: Valine comment plugin add author badge

This commit is contained in:
XPoet 2020-07-22 17:08:07 +08:00
parent 0b61f6ade1
commit a94aef61b3
3 changed files with 41 additions and 3 deletions

View File

@ -16,7 +16,24 @@
enableQQ: true,
placeholder: '<%= theme.comments.valine.placeholder %>',
lang: '<%= config.language %>'.toLowerCase()
})
});
// Valine 评论列表增加"作者"标识
const getValineDomTimer = setInterval(() => {
const vcards = document.querySelectorAll('#vcomments .vcards .vcard');
if (vcards.length > 0) {
for (let vcard of vcards) {
const vnick = vcard.querySelector('.vhead .vnick');
if (vnick.innerHTML.toLocaleLowerCase() === '<%= config.author %>'.toLocaleLowerCase()) {
vcard.classList.add('author');
}
}
clearInterval(getValineDomTimer);
} else {
clearInterval(getValineDomTimer);
}
}, 2000);
</script>
</div>
<% } %>

View File

@ -69,7 +69,28 @@
.vcard {
// author
&.author {
.vnick {
font-weight: bold;
&::after {
font-weight: 500;
font-size: 12px;
content: '';
padding: 2px;
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;
margin-left: 5px;
border-radius: 2px;
}
}
}
.vhead {
.vnick {
color: var(--primary-color);
}