Memos自定义样式

包含字体、背景、评论,可根据需求调整。

自定义样式:

/* 隐藏cflow */
.font-bold.text-lg.leading-10.mr-1.text-ellipsis.shrink-0.cursor-pointer.overflow-hidden.text-gray-700 {display: none;}
.text-gray-500.pr-2 {display: none;}

*{font-family: "LXGW WenKai Screen",-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,serif !important;}
.status-text{font-size:10px !important;border:none;color:rgb(156,163,175) !important;}
.tag-span,.dark .tag-span{border: 1px solid;border-radius:6px;padding:0px 6px;color:rgb(22,163,74) !important;font-size:16px !important;-webkit-transform: scale(calc(10 / 12));transform-origin: left center;}
.memo-content-text .link{color:rgb(22,163,74) !important;margin-right:-6px;}
.w-80 {width: 22rem !important;}
html{background-image:url('https://xxx.com');width:100%;height:100vh;background-position:center;background-size:cover;background-attachment:fixed;}
.w-full.bg-zinc-100, .bg-white, .hover\:bg-white:hover, .dark .dark\:bg-zinc-700, .dark .dark\:hover\:bg-zinc-700:hover, .memo-wrapper, .flex.flex-row.justify-center.items-center.w-full.h-full.dark\:bg-zinc-800,.bg-gray-200, .dark .memo-wrapper, .memo-editor-container {--tw-bg-opacity: 0.8 !important;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.dark header.dark\:bg-zinc-800, aside.dark\:bg-zinc-800, .bg-gray-100, .dark html, .dark body {--tw-bg-opacity: 0 !important;}
.memo-editor-container>.memo-editor, .bg-inherit, .mt-2.bg-zinc-100.dark\:bg-zinc-800, .sticky.bg-zinc-100 {background-color: transparent !important;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
main section.dark\:bg-zinc-800, main section.light\:bg-zinc-800 {background: none !important;}

header .bg-blue-600,.text-sm.text-gray-500.ml-1{display:none;}
.filter-query-container{padding-bottom:0.5rem;}
main.max-w-full .max-w-3xl{max-width:none;}
.flex.flex-row.items-center.justify-center.w-full.gap-2 {display: none;}
.flex.flex-row.justify-center.items-center.w-full.h-full.dark\:bg-zinc-800 {background-color: rgb(244 244 245 / 0.8)}
font-bold.text-lg.leading-10.mr-1.text-ellipsis.shrink-0.cursor-pointer.overflow-hidden.text-gray-700.dark:text-gray-200 {display: none;}

@media (min-width: 768px){
	.md\:block {display: none;}
	.md\:max-w-\[calc\(100\%-14rem\)\] {max-width: none;}
}

#twikoo{width: 100%;padding: 1rem;background-color: rgb(255,255,255);margin: 1rem 0;border-radius: .5rem;color: #000 !important;opacity: 0.8;}
.action-button-container{color: #e5e7eb;}
.action-button-container a{display:none !important;}
.tk-admin {position: fixed !important;z-index: 999;}
.tk-footer {display: none;}

自定义脚本:

//自定义字体
function changeFont() { 
  const link = document.createElement("link");
  link.rel = "stylesheet";
  link.type = "text/css";
  link.href = "https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.6.0/lxgwwenkaiscreen.css";
  document.head.append(link);
};
changeFont();

var twikooENV = 'https://xxx.com/'
function addTwikooJS() { 
  var memosTwikoo = document.createElement("script");
  memosTwikoo.src = `https://registry.npmmirror.com/twikoo/1.6.41/files/dist/twikoo.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();

大佬的中文字体CDN:

https://cdn.imsun.org

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇