起源

之前图省事用了来必力的博客评论系统,后面才发现,这个东西广告很多

Valine

  • 官网
  • 简洁,粗暴,无后端
    • 太适合我这种懒人了
  • 基于leanCloud的对象引擎
    • 存储1G内免费,服务起家很早,甚至早过三大厂的云,不可思议吧
  • 虽然暴露key安全性是有问题的
    • 但一个应用只做一件事,就影响不大
  • 接入,根据quckStart一路操作就好了
  • 还有,leanCloud的国内官网是这个
  • 理论上可以通过数据回调云函数来做评论过滤处理
  • 博客的代码,单纯的不喜欢有头像,所以就无所谓
  • 添加了简单的代码滑淆,防小白,不防君子

微调

  • 默认界面略显小气,不符合我博客的粗放气质
    • 不太会改css
  • 调整了一个界面面局
  • 调整了valine的copyRight统一到了博客底部
<style>
	.hide {
		display: none;
	}
</style>
<script>
    //清理元素
    let runtime = 0
    const interval = setInterval(() => {
        let valineRight = document.getElementsByClassName('vpower txt-right')[0]
        let vempty = document.getElementsByClassName('vempty')[0]
        if(valineRight){
            valineRight.className = 'hide'
        }
        if(vempty){
            vempty.className = 'hide'
        }
        if (valineRight || runtime > 5) {
            // 清除定时器
            clearInterval(interval);
        }
        runtime++
    }, 50);

</script>