默认分类

测试砖用

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
}
CSS

js

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

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;}
CSS

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(); //打开页面运行一次,自适应
JavaScript

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";}
  }
}
JavaScript

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/');
PHP

回复 / 取消回复

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

    Gravatar Test

  2. admin admin
    QQ 10 7

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

This is just a placeholder img.