找到
7
篇与
相关的结果
-
Memos增加底部备案号和超链接 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);
-
Memos更新0.23.0 最近Memos更新到0.23.0了，主要更新如下 1、增加了自定义表情 2、支持添加位置信息 3、长文折叠更舒服 4、支持管理员设置更多的信息：开启或关闭注册，开启或关闭评论；设置全局默认公开或私人等 更多细节见github升级 1734662855491.webp图片 我遇到的问题 我换了新的0.23.0的docker镜像，直接启动会报错，无法直接使用mysql数据；但是新建容器使用mysql启动是正常的，也就是原来的mysql数据不兼容新的镜像了；目前我不会直接将旧的mysql数据导入新的容器中的mysql，可能是什么数据字符类型啥的要修改。 由于我的数据不多，我一条条memo手动复制了一下，算是艰难的升级到v0.23了，以后数据多了，还是不轻易升级了，除非数据兼容直接升级。 相关问题见github问题有能力的可以按照提示进行数据迁移或修改mysql数据使其可以正常驱动v0.23.0 memos-demo
-
-
Memos透明背景 memos设置透明背景 以下代css码实现透明背景，并引用bing每日壁纸 壁纸会每日更新 将以下css复制到自定义css代码中/* 背景设置 */ body { background-color: rgba(255, 255, 255, 0.8)!important; } html { background-image: url('https://bing.immmmm.com/img/bing?region=zh-CN&type=image'); width: 100%; height: 100vh; background-position: center; background-size: cover; background-attachment: fixed; } .w-full, .bg-zinc-50, .bg-white, .hover\:bg-white:hover, .dark.dark\:bg-zinc-700, .dark.dark\:hover\:bg-zinc-700:hover, .memo-wrapper, .bg-gray-200, .dark.memo-wrapper, .memo-editor-container { --tw-bg-opacity: 0.95!important; } .dark header.dark\:bg-zinc-800, aside.dark\:bg-zinc-800, .bg-gray-100, .dark html, .dark body { --tw-bg-opacity: 0.8!important; } :is(.dark.dark\:text-gray-500) { --tw-text-opacity: 0.8; color: rgba(147, 158, 181, 0.8); }效果如下 1734666186243.webp图片 Memos部署可以参考本站docker部署memos memos-demo
-
Memos标签美化 Memos标签美化 效果如下 图片 具体实现方案 将以下css代码复制至memos的css代码区域（0.22.5版本适用，其他版本以实际效果为准） /* 设置 Memos 标签样式 */ span.inline-block.w-auto.text-blue-600.dark\:text-blue-400{ color: #f3f3f3; background-color: #40b76b; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 2px; padding: 2px 6px; font-size: 15px; margin-bottom: 4px; } /* 设置同级下不同的标签显示不同的颜色 */ /* 第2个标签 */ span.inline-block.w-auto.text-blue-600.dark\:text-blue-400:nth-child(n+2) { background-color: #157cf5; } /* 第3个标签 */ span.inline-block.w-auto.text-blue-600.dark\:text-blue-400:nth-child(n+4) { background-color: #f298a6; } /* 第4个标签 */ span.inline-block.w-auto.text-blue-600.dark\:text-blue-400:nth-child(n+6) { background-color: #fdb15d; } /* 第5个标签 */ span.inline-block.w-auto.text-blue-600.dark\:text-blue-400:nth-child(n+8) { background-color: #67d6ca; } /* 第6个标签 */ span.inline-block.w-auto.text-blue-600.dark\:text-blue-400:nth-child(n+10) { background-color: #7445e0; } /* 设置 Memos 文本高亮样式 */ mark { background-color: #F27579; color: #f3f3f3; padding-left:2px; border-radius: 2px; } /* 修改特殊字体颜色 */ .text-blue-600 { --tw-text-opacity: 1; color: rgb(11 96 176 / var(--tw-text-opacity)); } /* 修改标签样式 */ .dark .inline-block { border: 1px solid rgb(110,110,110); border-radius: 8px; background-color: rgb(90, 90, 90); padding: 0px 4px; } .inline-block { border: 1px solid rgb(230,230,230); border-radius: 8px; background-color: rgb(245, 245, 245); padding: 0px 4px; } /* 修改Memo字号 */ .memo-wrapper .text-base { font-size: 0.95rem; } /* 修改代码块字号 */ .text-sm { font-size: 0.85rem; } /* 修改编辑器字体为等宽 */ textarea { font-family: 'Courier New', Courier, monospace; } /*强制背景为透明*/ .group { background-color: transparent !important; } 确认保存后需要刷新一下 参考资料点击查看参考资料 Memos部署可以参考本站docker部署memos memos-demo
