/ 默认 / 191浏览

为Memos增加twikoo评论

食用方法

适用于最新版本的memos 0.13
在Memos设置中加入以下

自定义样式

#twikoo{padding: 1rem;background-color: rgb(63,63,70);margin: 1rem 0;border-radius: .5rem;color: #fff !important;}
.twicon{position: absolute;right: 1rem;}
.btns-container.space-x-2{margin-right:1.5rem;}
.action-button-container{color: #e5e7eb;}
.action-button-container a{display:none !important;}

自定义脚本

//添加 twikoo 评论 v2023.06.10 适用于最新版本的memos
var twikooENV = 'https://twikoo.loliko.cn/'
function addTwikooJS() {
  var memosTwikoo = document.createElement("script");
  memosTwikoo.src = `https://cdn.staticfile.org/twikoo/1.6.16/twikoo.all.min.js`;
  var tws = document.getElementsByTagName("script")[0];
  tws.parentNode.insertBefore(memosTwikoo, tws);
};
function addComIcon(){
  var memoTwIcons = document.querySelectorAll('.time-text') || '';
  if(memoTwIcons){
    for(var i=0;i < memoTwIcons.length;i++){
      //if(memoTwIcon[i].hasChildNodes == false){
        memoTwIcons[i].insertAdjacentHTML('afterbegin', '
'); //} } } }; function startTwikoo() { start = setInterval(function(){ var twikooDom = document.getElementById('twikoo') || ''; var memoTw = document.querySelector('.memo-wrapper') || ''; var memoLoading = document.querySelector('.action-button-container') || ''; var memoLoadingA = document.querySelector('.action-button-container a') || ''; var memoTwIcons = document.querySelectorAll('.time-text .twicon') || ''; var nowHref = window.location.href; if( nowHref.replace(/^.*\/(m)\/.*$/,'$1') == "m" && memoLoadingA){ memoLoading.innerHTML = "评论加载中……" } if( nowHref.replace(/^.*\/(m)\/.*$/,'$1') == "m" && !twikooDom){ addTwikooJS() if(memoTw){ clearInterval(start) memoTw.insertAdjacentHTML('afterend', '
'); setTimeout(function() { twikoo.init({ envId: twikooENV, el: '#mtcomment', path: nowHref.replace(/^(.*\/m\/[0-9]+).*$/,'$1'), onCommentLoaded: function () { //console.log('评论加载完成'); memoLoading.innerHTML = '' startTwikoo() } }) }, 1000) } } if(nowHref.replace(/^.*\/(explore).*$/,'$1') == "explore" || nowHref.replace(/^.*\/(u).*$/,'$1') == "u"){ memoTwIcons.forEach(memoTwIcon => {memoTwIcon.remove();}); addComIcon() //console.log('图标添加成功'); } //console.log(window.location.href); }, 1000) } startTwikoo();

0

  1. This post has no comment yet

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注