默认分类

测试砖用

RT


20190301导航栏页面滚动加背景[OK]

css

nav {
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
    z-index: 3;
    background: rgba(255,255,255,.1);
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}
.site-nav-hover {
    background: rgba(255,255,255,.8)!important;
    -webkit-box-shadow: 0 0 2px 2px rgba(172,172,172,.4)!important;
    box-shadow: 0 0 2px 2px rgba(172,172,172,.4)!important
}

js

window.onscroll = function() {
   var nav = document.getElementsByTagName("nav")[0];
   if(window.pageYOffset >= 70){
     nav.className = "site-nav-hover";
   } else {
     nav.className = "site-nav";
   }
}

20190301自定义评论框小图&去除cc记号[OK]

css

#comment-form textarea{background:transparent url(/usr/uploads/i/bg_c.png) right top no-repeat;background-size:20%;}
.cc-license{display: none;}

20190307文章缩略图测试[OK]


20190307网易云音乐引用测试[OK]

iframe


20190308bilibili视频引用测试[OK]

iframe

p.s. iframe src后面增加high_quality=1可以提高清晰度,否则默认360p~

js

window.onresize=function(){rsif();} //改变窗口大小时自动调整iframe
function rsif(){
  ifos=document.getElementsByTagName("iframe");
  if(ifos.length){
    for(i=0;i<ifos.length;i++){
      if(ifos[i].src.match("player.bilibili.com")){ifos[i].width="100%";ifos[i].height=ifos[i].offsetWidth*0.75;}
    }
  }
} //使iframe自适应的函数
rsif(); //打开页面运行一次,自适应

20190308友链新窗口打开[OK]

js

if(document.getElementById("link")){
  linkas=document.getElementById("link").getElementsByTagName("a");
  if(linkas.length){
    for(i=0;i<linkas.length;i++){linkas[i].target="_blank";}
  }
}

20190412评论添加图片表情[OK]

主题自带原生OwO表情,尝试添加自定义的图片,奈何原生的插入图片就是一段html<img src="">的代码,默认评论不支持,去看了别的typecho模板同样用OwO的实现方式又有点复杂,不想换主题(换的话很多自定义就白费了~)又想要自定义图片表情,各种群里问大佬。。。结果,突然被回复,typecho设置里面可以让评论支持html标签的。。。是我孤陋寡闻了T_T
如此简单


20190413代码高亮[OK]

主题自带高亮的,但是之前怎么开都没有用,就尝试着用了个插件CodePrettify,结果还是莫得用。。。折腾了半天才发现是markdown标记写法有点小问题

```
balabala
```

里面没有写是什么类型的语言,修改成

```balabala
balabala
```

就OK了,但是,很遗憾CodePrettify这个插件和我用的主题不适配,于是还是用了主题自带的高亮,就成了现在这样子


20211208修改gravatar源[OK]

在config.inc.php中加入

define('__TYPECHO_GRAVATAR_PREFIX__', 'https://gravatar.loli.net/avatar/');

回复 / 取消回复

  1. Tak Tak
    Chrome 86 10

    Gravatar Test

  2. admin admin
    QQ 10 7

    回复test
    OωO表情功能
    φ( ̄∇ ̄o)

This is just a placeholder img.