Memos增加备案号和超链接
使用js代码实现在Memos服务中增加备案号
直接在管理员账号中加入js代码,保存后刷新
图中自定义脚本位置
参考代码
// 创建包含两个<a>标签的父容器div
var containerDiv = document.createElement('div');
containerDiv.className = 'footer-links';
// 创建第一个<a>标签
var link1 = document.createElement('a');
link1.id = 'footer-icp';
link1.className = 'py-2 rounded-2xl border flex justify-center flex-row items-center text-sm text-gray-800 dark:text-gray-400 w-full border-transparent';
link1.href = 'http://beian.miit.gov.cn/';
link1.target = '_blank';
// 创建span标签并添加文本
var span1 = document.createElement('span');
span1.className = 'truncate';
span1.textContent = '京ICP备XXX号-XX';
// 将span标签添加到第一个<a>标签中
link1.appendChild(span1);
// 创建第二个<a>标签
var link2 = document.createElement('a');
link2.className = 'py-2 rounded-2xl border flex justify-center flex-row items-center text-sm text-gray-800 dark:text-gray-400 w-full border-transparent';
link2.href = 'https://www.biohao.cn/';
link2.target = '_blank';
// 创建span标签并添加文本
var span2 = document.createElement('span');
span2.className = 'truncate';
span2.textContent = '晓暮部落格';
// 将span标签添加到第二个<a>标签中
link2.appendChild(span2);
// 将两个<a>标签添加到div容器中
containerDiv.appendChild(link1);
containerDiv.appendChild(link2);
// 将父容器div添加到<body>标签的末尾
document.body.appendChild(containerDiv);
最终效果如下图
更多Memos使用技巧和美化请参考Memos分类文章;或者在下方留言
上面是chat-GPT生成的
后来发现了更加简洁的js代码,参考浪子
const icp="萌ICP备5201314号-99";
const newElement=`<a id="footer-icp" class="py-2 rounded-2xl border flex justify-center flex-row items-center text-sm text-gray-800 dark:text-gray-400 w-full border-transparent" href="http://beian.miit.gov.cn/" target="_blank"> <span class="truncate">${icp}</span></a><a id="footer-powered" class="py-2 rounded-2xl border flex justify-center flex-row items-center text-sm text-gray-800 dark:text-gray-400 w-full border-transparent" href="https://www.biohao.cn/" target="_blank"> <span class="truncate">晓暮部落格</span></a>`;
document.body.insertAdjacentHTML("beforeend",newElement);