给Memos添加Artalk评论

发表于 分类于 阅读次数： 评论数：
自动摘要: 这篇文章介绍了如何为Memos v0.16.1版本添加Twikoo评论功能，并提供了自定义脚本和样式的更新说明。文章中包括了具体的代码替换步骤，如将’.resource-wrapper’替换为’.gap-2’或’.memo-wrapper’，以及如何隐藏评论数的操作指南。此外，还提到了适用于Memos 0.15.1版本以下的更新提醒。

上文提到

给Memos添加Twikoo评论

  • 2023.10.23更新以适用于memos v0.16.1版本
    把’.resource-wrapper’替换为’.gap-2’

  • 2023.10.17更新memos0.16版本

自定义脚本

把’.resource-wrapper’替换为’.memo-wrapper’

自定义样式

隐藏评论数

.text-sm.text-gray-500.ml-1{display:none !important;}
  • 2023.9.26更新提醒:适用于 memos 0.15.1版本以下

自定义脚本

// 用 JS 向页面中插入 JS
function addArtalkJS() { 
    var memosArtalk = document.createElement("script");
    memosArtalk.src = `https://unpkg.com/artalk/dist/Artalk.js`;
    var artakPos = document.getElementsByTagName("script")[0];
    artakPos.parentNode.insertBefore(memosArtalk, artakPos);
};
// div
function startArtalk() {
    start = setInterval(function(){
        var artalkDom = document.getElementById('Comments') || '';
        var memoAt = document.querySelector('.memo-wrapper') || '';
        var memoLoading = document.querySelector('.action-button-container') || '';
        var memoLoadingA = document.querySelector('.action-button-container a') || '';
        if(window.location.href.replace(/^.*\/(m)\/.*$/,'$1') == "m" && memoLoadingA){
        memoLoading.innerHTML = "评论加载中……"
        }
        if(window.location.href.replace(/^.*\/(m)\/.*$/,'$1') == "m" && !artalkDom){
            addArtalkJS()
            if(memoAt){
                clearInterval(start)
                var cssLink = document.createElement("link");
                cssLink.rel = "stylesheet";
                cssLink.href = "https://unpkg.com/artalk/dist/Artalk.css";
                document.head.appendChild(cssLink);
                memoAt.insertAdjacentHTML('afterend', '<div id="Comments"></div>');
                setTimeout(function() {
                    Artalk.init({
                        el: '#Comments',
                        pageKey: location.pathname,
                        pageTitle: document.title,
                        server: 'https://artalk.loliko.cn',
                        site: 'memos',
                        darkMode: 'auto'
                    });
                    Artalk.on('list-loaded', function() {
                        // console.log('评论加载完成');
                        memoLoading.innerHTML = ''
                        startArtalk();
                    });
                }, 1000);
            }
        }
        //console.log(window.location.href);
    }, 1000)
}
startArtalk();

自定义样式

a.time-text:after { content: '   评论 💬 '; }
.atk-main-editor { margin-top: 20px; }