Logo

site iconFeng

博客致力于分享技术、趣事、心得,也就是记录自己平常的点点滴滴。
请复制 RSS 到你的阅读器,或快速订阅到 :

Inoreader Feedly Follow Feedbin Local Reader

Feng RSS 预览

Memos添加评论及样式美化

2024-10-19 21:20:00

这个标题的文章,估计在网上一搜一大把,之所以要写,只是为了日后自己再折腾时方便一些,不用再去找了,没办法,谁叫俺懒呀(从另一方面来讲,我这也是为我的博客水了一篇,计数器上又可以加1了),开始为博客除草了……

memos.webp

  • 为Memos加上Bing随机壁纸、顺便换个字体,这个只要在“设置”--“系统”--“自定义样式”和“自定义脚本”加入相应的代码就可以了,先在“自定义样式”加入:
.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:12px !important;-webkit-transform: scale(calc(10 / 12));transform-origin: left center;}
.memo-content-text .link{color:rgb(22,163,74) !important;margin-right:-6px;}
header .bg-blue-600{display:none !important;}
.text-lg {font-size: 1rem !important;}
.header-wrapper,.sidebar-wrapper{width: 11rem !important;}
.filter-query-container{padding-bottom:0.5rem;}
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-100,.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.66 !important;}
.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{background-color: transparent !important;}

然后在“自定义脚本”加入相关脚本:

var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://cdn.staticfile.org/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreen.min.css';
link.media = 'print';
link.onload = function() {
  this.media = 'all';
};
var style = document.createElement('style');
style.innerHTML = '* { font-family: -apple-system,BlinkMacSystemFont,"LXGW WenKai Screen",PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei UI,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif,Segoe UI,Roboto,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"; }';
var head = document.head || document.getElementsByTagName('head')[0];
head.appendChild(link);
head.appendChild(style);
  • 为Memos添加Twikoo评论,这会只要在“自定义脚本”加入相关脚本:
// Memos插入 Twikoo 评论
var twikooENV = 'https://twikoo.057000.xyz/'  // Twikoo 评论地址
function addTwikooJS() { 
  var memosTwikoo = document.createElement("script");
  memosTwikoo.src = `https://cdn.staticfile.org/twikoo/1.6.39/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();

至此Memos样式改了,评论也添加好了,水水一篇到手。其实之前也有折腾过Artalk评论,不过最新版本的Artalk版本,不过怎么折腾,就是加载不出来,再后来看到有些博主反映说是最新版有些问题,那好吧,我就不折腾了,直接用Twikoo,反正不就是一个评论嘛,用啥不是用呀。

最后说明一下,这个添加评论及样式美化,在0.18.1和0.18.0版本上测试没问题,高版本的不一定都好用,还需自个测试哈。

又一次折腾Memos

2024-10-18 19:48:00

typecho memos.webp
Memos这好东西一直很喜欢,也倒腾过几次,诸如样式、加评论之类的,之前还是用Wordpress时,按照Jack大佬的教程添加过,用着也还不错。后来因为“软云事件”之后,就没折腾了,这不现在换成Typecho后,又想给博客加一个说说页面,按其他大佬的教程很快就搭建好,不过总感觉不太好看,木木大佬的哔哔广场挺好的,样式也挺喜欢,不过感觉加载有点慢,遂想要不要把诸如js、css这些本地化会不会快一点,本以为可以一气而成,结果……芭比Q

翻车的原因很“简单”,就是这个CSS样式不起效,查看源文件中的css链接可以正常访问看到内容,但就是感觉没有加载,用回木木大佬的,又感觉字体和图标等小了些,看到老张夕格树洞的样式,都比较喜欢,那就先挑个试试看,“盗用”了grid.cssmemos.css文件到本地,结果也是样式全无的感觉,但直接调用确是好的,这点东西算是把我折腾晕了,能力有限直接调用了夕格的css文件,然后稍加修改就成了目前的说说页面,比我之前的说说页面好看,当然跟夕格的比起来,就有点磕碜了。

写到这我还是很好奇,为啥把这两个css放到本地调用,就是不生效,感觉以前抄作业也没这么难呀,放到博客主题目录下,查看源文件点击链接也是可以查看内容的,可就是没用,我都麻了,先暂时这么用着,有路过的大佬再来指点指点,先行谢过了!

国庆假期结束,准备开干

2024-10-07 21:53:14

这玩的时间过的是真快呀,感觉都还没玩嗨,这假期就over了,这不明天该开学的开学,该上班的就得上班了……

guoqingjie2024.webp

回头想想,这7天假期也没跑太远,基本上都是在市区里,主要集中在两家新开的商场,反正娃玩的是非常开心,咱这做爹的也就满足了,当然这玩嗨了,钱嘛,估计也花了不少,大家高兴就好,生活嘛不就为了乐一乐嘛。

瞧,这小子又换域名了

2024-10-03 22:37:10

俺们这小破站又换域名了,上一篇说过,之前趁着便宜时刀了几个自认为的域名,最终把这个俺们觉得最短,有那么一点意思的域名给启用了(其实中文也没想好,待定吧,先用英文顶着),小姨子域名刚启用的时候,就有好多人说来这个迟早得换(额,不换当然也没啥影响的),但既然都刀了其它域名了,那就换了它吧,反正也没多少人会去关注到我这点改动,小站有时就是可以这么的“随性”。

国庆三天假期马上就要过去了,1号、2号逛新商场(从上个月30号晚上就开始逛了),吃了不少钱,也花了不少钱,没办法,总要贡献点吧,今天一天是“特种兵”式的跑了几个地方,也就一百公里的地方,其中有一半都是山路,来来回回的转,开的我都快晕了,后排的那几位更加,好在中午的铁锅炖鱼还行,连我家那挑剔的小朋友都吃了好几块,也算是不虚此行吧(别问我为什么去,我就是个司机,哈哈)。

明天估计可以待家好好歇歇了,媳妇后天就要上班了,所以得收敛一些,要不然后天上班又要没精神了。

有点想换域名了

2024-09-16 22:08:37

记得之前我在写《本博要换域名咯》,就有很多人跟我说这个纯数字的xyz域名用不久,当时的我有点犹豫但还是接着用了半年时间,不过在这之前我也用过其它后缀的域名,而且就在用了这个纯数字的xyz域名之后,我也“偷偷”注册过其它域名,不过都没有让我感到满意,看来减法名单上马上就能增加一批新成员了,哈哈。

yuming.webp

跟着这些老字辈的步伐(如:老张、老麦、老何等等),我也注册了:laoli.xyz、laoliji.com,当然都是新号或优惠券的加持下注册的,比后面的续费价格还是低很多的,可能正是因为注册价格低,才让我脑子一热给注册了吧。然后前几天.net有活动,我也手痒注册了个:zfei.net(美名:知非,当然这可不是《孤舟》的周知非哈,我只是觉得知非这个词还不错,比较有免的不是有:知乎,哈哈)。

不过虽然说想换域名,但是目前.com、.net续费都不便宜,非数字的.xyz也一样,差不多都要10刀左右了,跟我这纯数字的xyz不能比呀,那些续费一年的钱我都可以续费10年了(不香嘛,也不太影响访问,收录啥的俺早就看淡了),所以啊,俺们还真还没想好,各位路过的看客老爷们也可以给俺个建议哈(听听的得由我哈,哈哈)。