51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

【Hexo】hexo 博客 valine 评论优化

今天测试博客回复功能的时候发现, 博客在回复别人评论的时候会自动跳转到最上面的回复框, 那样如果第一次没看清主题回复还要滑下去, 这多麻烦

定位到 \themes\matery\layout\_partial\valine.ejs, 添加如下代码

<script>
    new Valine({
        el: '#vcomments',
        appId: '<%- theme.valine.appId %>',
        appKey: '<%- theme.valine.appKey %>',
        notify: '<%- theme.valine.notify %>' === 'true',
        verify: '<%- theme.valine.verify %>' === 'true',
        visitor: '<%- theme.valine.visitor %>' === 'true',
        avatar: '<%- theme.valine.avatar %>',
        pageSize: '<%- theme.valine.pageSize %>',
        lang: '<% if (config.language =="zh-CN") { %>zh-cn<% } else { %>en<% } %>',
        placeholder: '<%= theme.valine.placeholder %>',
    });
    // 点击回复直接评论 
    $(document).ready(function () {
        $('.vemoji-btn').text('😀');
        $("#vcomments").on('click', 'span.vat', function () {
            $(this).parent('div.vmeta').next("div.vcontent").after($("div.vwrap"));
            $('textarea#veditor').focus();
        })
    });
</script>

实现后的效果:

赞(0)
未经允许不得转载:工具盒子 » 【Hexo】hexo 博客 valine 评论优化