• 2020/3/22 越来越注重文章排版、可读性及插件拓展,博客已从typecho成功转移至wordpress

一个图片背景一直盯着有点吃藕,所以就从Wallpaper engineer上下了个喜欢的动态视频,然后把背景的div标签改成了video。这样就实现了动态背景QwQQQ截图20200308195207.png不过由于video原本的限制,如果直接添加上去的话两边就会有白边,所以需要在style里添加object-fit:fill。这样看起来就舒服多了(。・∀・)ノ゙ QQ截图20200308195136.png

由于动态背景本质是视频,体积相对图片还是很大的,所以把background id加上去了,在视频没有加载出来之前,先把加载出来了的图片贴上去。等视频加载完成图片就被覆盖了,这样就可以实现伪·懒加载了(黑魔法(´ー∀ー`)

  • 有一个小bug就是因为把div标签换成了video,文章内header背景就不是文章的封面了。而是首页背景。( ̄_, ̄ )。算了 就先这样了,反正动态背景也不吃藕,以后想起来再加一下自定义搞个随机动态背景qwq

附上代码: <video src=/usr/img/Watt.mp4 id= autoplay muted loop style=width:100%;height:100%;z-index:-1;position:relative;object-fit:fill;>然后因为nav栏在默认情况下是白色背景,这样的话nav栏就有点看不清,就在背景里取了个色,调了下背景颜色

2020.3.28 修复 categories点击后出现404错误

content_thumb 54行
 
echo esc_url(get_category_link($the_cat[0]->cat_ID));
 
替换为
 
$_home = esc_url(home_url( '/' );
esc_url(get_category_link($the_cat[0]->cat_ID));
echo esc_url(str_replace($_home,$_home . "index.php/",get_category_link($the_cat[0]->cat_ID)));

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。