Memos增加底部备案号和超链接

Memos增加底部备案号和超链接

晓暮
1年前发布

Memos增加备案号和超链接

使用js代码实现在Memos服务中增加备案号

直接在管理员账号中加入js代码,保存后刷新
图中自定义脚本位置
1734747482600.webp

参考代码

// 创建包含两个<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);
最终效果如下图

1735003594165.webp

更多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);
© 版权声明
THE END
喜欢就支持一下吧
点赞 6 分享 赞赏
评论 抢沙发
取消
易航博客