速度优化

所有图片增加 Loading 属性

引用 https://www.80srz.com/posts/1377.html

修改 var/Utils/HyperDown.php 第 496 与第 508 行关于 img 的部分,原文增加了许多,但我只需要增加loading="lazy",就像下方代码记得添加转义符

<img loading=\"lazy\" src=\"{$url}\" alt=\"{$title}\" title=\"{$title}\">

不再使用自有服务器缓存

我当时设置时候绝对脑子被糊住了,有CDN还只在自己的服务器上设置缓存

不再使用本地静态资源

全部更换为zstatic.net提供的静态资源CDN,也都设置了SRI

大部分调用外部资源使用rel="preload"

测试页面加载速度时候测试网站提示我有外部资源阻塞渲染,询问Copilot后给大部分外部调用资源添加了:
rel="preload" as="style":MDN
onload="this.onload=null;this.rel='stylesheet'":页面加载完毕后更改为stylesheet。
测试网站加载速度:https://www.webpagetest.org/

美化

首页header改为手写文字

使用:https://github.com/jrenc2002/GenLineAnimation-Server

偶然看到ipone第一次开机动画的手写HELLO觉得特别漂亮,在多方搜索下知道了svg,又在搜索下知道了 jrenc2002 的GitHub库。虽然字体和苹果差很多但是类似手写出来的动画很漂亮。

安全优化

增加防反代

引用:https://yfzhu.cn/posts/1014/
<script>
  (function() {
    var encodedValidDomain1 = 'd3d3LmRteHZ4LmNj'; // 使用Base64编码替代明文字符串`dmxvx.cc`
    var encodedValidDomain2 = 'bG9jYWxob3N0'; // 使用Base64编码替代明文字符串`localhost`
    var encodedRedirectUrl = 'aHR0cHM6Ly93d3cuZG14dnguY2M='; // 使用Base64编码替代明文字符串`https://www.dmxvx.cc`

    // 对Base64编码后的域名和URL进行解码
    function decodeBase64(encodedStr) {
      return atob(encodedStr);
    }
    var validDomain1 = decodeBase64(encodedValidDomain1);
    var validDomain2 = decodeBase64(encodedValidDomain2);
    var redirectUrl = decodeBase64(encodedRedirectUrl);

    // 如果访问不是来自指定的域名,则自动跳转页面
    var hostname = document.location.hostname;
    if (hostname !== validDomain1 && hostname !== validDomain2) {
      window.location.href = redirectUrl;
    }
  })();
  </script>