Updates

本文最后更新于 2025年12月20日晚上

博客更新记录

说明:

该页面用于记录博客更新日志废话

以及一些参考资料

更新计划

发布博客pixi入门教程

为博客添加个人收藏夹页面

已完成

2025/10/19

发布第一篇教程向博客

花了我6、7个小时，仓促的写了2k字（因为马上要上学了
链接：https://skzxi.top/2025/10/18/amdgpu-windows-stable-diffusion-rocm7-pytorch2-9-launcher

2025/9/24

博客页脚修改

如题，更改页脚格式，隐藏访客记录

2025/7/30

域名重定向

如题，完成旧域名的重定向已经参数传递

2025/7/25

更换域名

从fallingstar.xyz迁移到skzxi.top
旧域名26年3月到期
新域名还有3年租期

2025/6/29

完成博客首图加载动画

猜猜是怎么做的，我不怎么会css，所以这个动画其实是gif动图，用ae做的（我简直是天才！
图片在这

2025/6/21

完善博客特效

添加了鼠标点击反馈

2025/5/3

更改语录格式

一言api：https://v1.hitokoto.cn
我的中转api：https://hitokoto.skzxi.top

有点小无语，hexo fluid的首页语录在配置文件用的是［keys］，不能拼接且只能有一个参数，一言的api又不支持指定返回参数，没办法，自己搭了个中转api，唉～

2025/3/22

为博客加入随机图片

▶

js插件代码

document.addEventListener('DOMContentLoaded', () => {
   const banner = document.getElementById('banner');
   if (!banner) return;

    //配置项（可按需修改）
   const config = {
     debounceTime: 300,    // 防抖时间(ms)
     maxRetry: 3,          // 最大重试次数
     cacheBuster: true,    // 启用缓存清理
     transition: '1s ease' // 背景过渡动画
   };

   // API列表
   const APIs = [
     // 参考https://zichen.zone/archives/acg-api.html
     // 横图
     'https://api.mtyqx.cn/api/random.php',
     'https://api.r10086.com/樱道随机图片api接口.php?图片系列=  动漫综合2',
     'https://api.tomys.top/api/acgimg',
     'https://www.loliapi.com/acg/pc/',
     'https://t.alcy.cc/pc',
     'https://t.alcy.cc/moe',
     // 自适应
     'https://www.loliapi.com/acg/',
     'https://t.alcy.cc/ycy',
     'https://t.alcy.cc/moez',
     // 竖图
     'https://www.loliapi.com/acg/pe/',
     'https://t.alcy.cc/moemp',
     'https://t.alcy.cc/mp'

   ];

   // 状态管理
   let currentLoader = null;
   let retryCount = 0;
   let isPortrait = checkOrientation();

   // 智能选择API
   function selectAPI() {
     return isPortrait ? APIs.slice(-6) : APIs.slice(0, 9);
   }

   // 方向检测
   function checkOrientation() {
     return window.matchMedia("(orientation: portrait)"). matches;
   }

   // 防抖函数
   function debounce(fn, delay) {
     let timer;
     return (...args) => {
       clearTimeout(timer);
       timer = setTimeout(() => fn.apply(this, args), delay);
     };
   }

   // 设置背景（带过渡动画）
   function setBackground(url) {
     banner.style.transition = `background-image ${config.  transition}`;
     banner.style.backgroundImage = `url('${url}')`;
   }

   // 加载新图片
   function loadNewImage() {
     if (currentLoader) {
       currentLoader.onload = null;
       currentLoader.onerror = null;
     }

     const apiPool = selectAPI();
     const randomAPI = apiPool[Math.floor(Math.random() *   apiPool.length)];
     const finalURL = config.cacheBuster 
       ? `${randomAPI}?r=${Date.now()}`
       : randomAPI;

     currentLoader = new Image();
     currentLoader.onload = () => {
       retryCount = 0;
       setBackground(finalURL);
     };
     currentLoader.onerror = () => {
       if (retryCount < config.maxRetry) {
         retryCount++;
         loadNewImage();
       } else {
         setBackground(theme.banner.default_bg);
       }
     };
     currentLoader.src = finalURL;
   }

   // 方向变化处理
   const handleOrientationChange = debounce(() => {
     const newOrientation = checkOrientation();
     if (newOrientation !== isPortrait) {
       isPortrait = newOrientation;
       loadNewImage();
     }
   }, config.debounceTime);

   // 事件监听
   window.addEventListener('resize',  handleOrientationChange);

   // 清理监听（防止内存泄漏）
   window.addEventListener('beforeunload', () => {
     window.removeEventListener('resize',   handleOrientationChange);
   });

   // 初始化加载
   loadNewImage();
 });