diff --git a/layout/_partial/comments/valine.ejs b/layout/_partial/comments/valine.ejs index 810050a..2004116 100755 --- a/layout/_partial/comments/valine.ejs +++ b/layout/_partial/comments/valine.ejs @@ -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); <% } %> diff --git a/source/css/layout/_partial/comments/valine.styl b/source/css/layout/_partial/comments/valine.styl index b1b3391..d649dd7 100644 --- a/source/css/layout/_partial/comments/valine.styl +++ b/source/css/layout/_partial/comments/valine.styl @@ -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); } @@ -100,4 +121,4 @@ } -} \ No newline at end of file +} diff --git a/source/js/main.js b/source/js/main.js index 8620d25..17c7806 100644 --- a/source/js/main.js +++ b/source/js/main.js @@ -1,3 +1,3 @@ window.addEventListener('DOMContentLoaded', () => { console.log(`${CONFIG.themeInfo.name} v${CONFIG.themeInfo.version}`); -}); \ No newline at end of file +});