hexo+github打造个人博客系列之小技巧

这篇博客记录一下hexo+github打造个人博客过程想到的一些小技巧,分享给大家。

去除valine的Powered By

valine评论系统自带Powered By,如下图所示。
hexo+github打造个人博客系列之小技巧_第1张图片

我喜欢简洁一点,所以想去掉这个提示。查看Elements可以看到这个div,那么我只要移除这个div下的所有子节点,就可以去掉这个Powered By了。修改对应的文件valine.swig,直接上代码:

new Valine({
...
pageSize:'{{ theme.valine.pageSize }}' || 10,
});
//新增以下代码即可,可以移除.info下所有子节点。
var infoEle = document.querySelector('#comments .info');
if (infoEle && infoEle.childNodes && infoEle.childNodes.length > 0){
  infoEle.childNodes.forEach(function(item) {
    item.parentNode.removeChild(item);
  });
}

修改后效果:
hexo+github打造个人博客系列之小技巧_第2张图片

本人的hexo小博客,欢迎猛戳!

你可能感兴趣的:(hexo)