コードは @林木木から来ています。
2023.10.23 スクリプトを更新して memos v0.16.1 に対応
カスタムスクリプト#
// Memos v0.16.1 単一ページにTwikooコメントを挿入
var twikooENV = 'https://あなたの.com/'
function addTwikooJS() {
var memosTwikoo = document.createElement("script");
memosTwikoo.src = `https://cdn.staticfile.org/twikoo/1.6.22/twikoo.all.min.js`;
var tws = document.getElementsByTagName("script")[0];
tws.parentNode.insertBefore(memosTwikoo, tws);
};
function startTwikoo() {
startTW = setInterval(function(){
var nowHref = window.location.href;
var twikooDom = document.querySelector('#twikoo') || '';
if( nowHref.replace(/^.*\/(m)\/.*$/,'$1') == "m"){
if(!twikooDom){
addTwikooJS()
setTimeout(function() {
var memoTw = document.querySelector('.gap-2') || '';
memoTw.insertAdjacentHTML('afterend', '<div id="mtcomment"></div>');
twikoo.init({
envId: twikooENV,
el: '#mtcomment',
path: nowHref.replace(/^.*=?(http.*\/m\/[0-9]+).*$/,'$1'),
onCommentLoaded: function () {
startTwikoo();
}
})
}, 1500)
}else{
clearInterval(startTW)
}
}
}, 2000)
}
startTwikoo();
2023.10.17 スクリプトを更新
カスタムスクリプト#
v0.16 バージョンに対応
//Memos v0.16 Twikooコメントを追加 v2023.10.06
var twikooENV = '' //あなたの https://xxxx/
function addTwikooJS() {
var memosTwikoo = document.createElement("script");
memosTwikoo.src = `https://cdn.staticfile.org/twikoo/1.6.22/twikoo.all.min.js`;
var tws = document.getElementsByTagName("script")[0];
tws.parentNode.insertBefore(memosTwikoo, tws);
};
function startTwikoo() {
startTW = setInterval(function(){ //定期実行 1秒/回
var nowHref = window.location.href;
var twikooDom = document.querySelector('#twikoo') || '';
if( nowHref.replace(/^.*\/(m)\/.*$/,'$1') == "m"){//単一ページ
if(!twikooDom){
//console.log('コメントが読み込まれていません');
addTwikooJS() //コメントjsを読み込む
setTimeout(function() { //1秒遅延して実行
var memoTw = document.querySelector('.resource-wrapper') || '';
memoTw.insertAdjacentHTML('afterend', '<div id="mtcomment"></div>');
twikoo.init({
envId: twikooENV,
el: '#mtcomment',
path: nowHref.replace(/^.*=?(http.*\/m\/[0-9]+).*$/,'$1'), //v2023.08.09 正規表現更新
onCommentLoaded: function () {
startTwikoo()
//console.log('再度定期実行を開始');
}
})
}, 900)
}else{
//console.log('定期実行をクリア');
clearInterval(startTW)
}
}
}, 2000)
}
startTwikoo();
公式にコメントアイコンがあるため、CSS にアイコンを追加しません
2023.9.26 更新.memos が 0.15.1 バージョンにアップグレードした後、以下は使用できません
カスタムスクリプト#
//Twikooコメントを追加 v2023.06.10
var twikooENV = 'https://twikoo.jiong.us/'
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', '<div class="twicon"><svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M896 138.667H128c-38.4 0-64 25.6-64 64v544c0 38.4 25.6 64 64 64h128v128c83.2 0 166.4-44.8 256-128h384c38.4 0 64-25.6 64-64v-544c0-38.4-25.6-64-64-64zm0 608H486.4l-19.2 19.2c-51.2 51.2-102.4 83.2-147.2 96v-115.2H128v-544h768v544z" fill="#8a8a8a"/><path d="M256 477.867a64 64 0 1 0 128 0 64 64 0 1 0-128 0zM448 477.867a64 64 0 1 0 128 0 64 64 0 1 0-128 0zM640 477.867a64 64 0 1 0 128 0 64 64 0 1 0-128 0z" fill="#8a8a8a"/></svg></div>');
//}
}
}
};
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', '<div id="mtcomment"></div>');
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();
カスタムスタイル#
#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;}