typecho支持avif图片格式
在张洪大佬《实现全站图片使用avif格式，替代臃肿的webp教程》一文中学习并认识到了AVIF这个图片格式。这个格式相较于传统的jpg、png甚至webp等都具有很大的优势，唯一小遗憾就是有些许浏览器或者手机端不支持。但，无所畏惧。喜欢折腾和动手的我，准备开启博客的avif之旅。什么是AVIF？AVIF是一种基于AV1视频编码的新图像格式，相对于JPE...
标签 typecho 下的文章
CSS移除特定a类标签的伪元素样式
今天，在修改主题的时候，发现自己post-content中的a类元素，使用:after伪元素以后，同时作用于cl-offset且name属性以cl-开头的和href属性包含#cl-且onclick属性为Catalogswith()的标签。.post-content a:after{ content: '↷'; ...
typecho使用instant.page和opcache扩展
本周对博客进行了许多精简和优化，诸如合并订阅、友人页面，摒弃下拉菜单，修改主题..当然，也有一些新添加的东西，预加载脚本和缓存等。本地测试首页打开耗时应该成功降到了300ms以下，各页面的打开也更加顺滑。折腾是一种自我实现的过程，不管结果怎样，都是值得的，你越折腾就越精彩。instant.page这是一个网站预加载的js脚本，可以提升网站速度。如图，鼠...
Typecho引入Pjax的两种方式
使用Pjax可以在不刷新整个页面的情况下加载新的内容，它利用 AJAX（XmlHttpRequest）和 pushState() 来提供网站的交互性和响应速度，从而提升流畅的浏览体验。Pjax和我使用的instant.page类似，都是为了提升用户体验，让页面更顺滑且加快一定的响应速度，两者并不冲突，可以共存。Typecho中，有很多主题都集成了Pja...
Service Worker 缓存优化 Typecho
Service Worker 是一种运行在浏览器背景的脚本，它可以在页面关闭后继续运行，主要用于处理网络请求、缓存资源、推送消息等功能。认识Service Worker 也是一个后台运行的脚本，充当一个代理服务器，拦截用户发出的网络请求，比如加载脚本和图片。Service Worker 可以修改用户的请求，或者直接向用户发出回应，不用联系服务器，这使...