Mizuki v4.9.2

Display Social Media Sharing Images (OpenGraph)

You need to configure the activation of OpenGraph (OG) in the src/config.ts file.

generateOgImages: true, // Enable the function of generating OpenGraph images

Mizuki v4.9.1 LTS

Project Optimization Update Description

This update focuses on performance improvement and user experience optimization, addressing core performance bottlenecks and page rendering issues. The specific optimization contents are as follows:

1. Optimization of Performance Benchmark Testing

Completed optimization of performance benchmark tests for numerous core scenarios. Through more precise testing dimensions and comprehensive scenario coverage, we provide data support for performance optimization:

• Added performance test cases for multiple devices (different configurations of PC and mobile devices) to ensure optimization effects are effective across various hardware environments;
• Refined performance indicator monitoring dimensions, adding benchmark tests for key indicators such as "first screen loading time", "interaction response delay", and "resource loading success rate";
• Optimized test data collection logic to reduce interference from testing tools themselves on performance data, improving the accuracy and reliability of test results.

2. Fixes for Page Rendering Issues

Conducted targeted troubleshooting and fixes for abnormal scenarios during page rendering to ensure stability and consistency of page display:

• Fixed page element misalignment and overlapping issues at specific resolutions, optimizing responsive layout adaptation logic;
• Resolved "white screen flickering" and "content jumping" issues when loading dynamic content, improving rendering smoothness through preloading and skeleton screen solutions;
• Fixed style compatibility issues in some browsers (such as older versions of Chrome and Safari) to ensure consistent page visual effects across browsers.

3. Optimization of Navigation Bar Solution

Abandoned the original custom navigation bar implementation and adopted the system's native navigation bar, improving performance while optimizing interaction experience:

• Performance Aspect: The native navigation bar does not require additional DOM rendering and JS control, reducing page resource usage, lowering memory consumption, and improving page initialization speed;
• Experience Aspect: The native navigation bar adapts to system-level interaction logic (such as mobile gesture return, PC focus navigation), enhancing operational smoothness and user familiarity;
• Compatibility Aspect: The native navigation bar has better cross-platform compatibility, avoiding adaptation issues of custom navigation bars in special system versions.

4. Overall Performance Optimization

Combined with the above optimization points, synchronized global performance tuning to further improve project operating efficiency:

• Optimized resource loading strategy, adopting "lazy loading" for non-first-screen resources to reduce first-screen loading pressure;
• Compressed CSS/JS code volume, removed redundant logic and unused resources to reduce network transmission time;
• Optimized DOM operation frequency, reducing reflows and repaints through "batch updates" and "event delegation" to improve page interaction response speed.

Mizuki v4.8

Version 4.8 Update

• Pio Live2D Character Integration: Integrated the Pio Live2D character, providing a cute interactive avatar to enhance the user engagement experience.
• Highly Configurable: Detailed configurations are supported in src/config.ts, including model path, position, size, dialogue content, etc., to meet personalized needs.
• Refresh-Free Navigation: The "back to homepage" function of the Live2D character now uses the theme's built-in Swup refresh-free navigation, delivering a smoother and seamless page switching experience.

Mizuki v4.7

更新概述

添加了 bcryptjs 用于密码的哈希处理，以及 crypto-js 用于内容的对称加密。

工作流程

这一阶段发生在访客的浏览器里，当他们访问那个被加密的页面时：

1. 用户交互

访客首先看到的不是文章，而是一个密码输入界面。

2. 客户端验证与解密

当访客输入密码并点击"解锁"后，页面内嵌的 JavaScript 脚本会执行以下操作：

验证密码

脚本会先用 bcryptjs 将访客输入的密码进行同样的哈希计算，然后与页面中预存的那个哈希值进行比对。如果二者匹配，证明密码正确。这是为了快速验证密码，避免用错误的密码去尝试解密，浪费计算资源。

解密内容

密码验证通过后，脚本会使用访客刚刚输入的明文密码（它只存在于浏览器内存中，不会被发送到任何地方）作为密钥，调用 crypto-js 来解密页面中存储的文章密文。

动态渲染

一旦密文被成功解密，脚本就会将还原出的、包含完整格式的 HTML 内容，动态地插入到页面的相应容器中。

3. 完成展示

至此，访客才能看到文章的真实内容。通过这种方式，我们成功地在没有后端的情况下，模拟出了一套安全的"验证-解密-渲染"流程，实现了对静态内容的有效保护。

使用方法

在文章的 Front Matter 中添加以下配置：

---
title: '这是一篇加密文章'
encrypted: true
password: 'your-secret-password'
---

这样定义后就可以实现为文章设定不可逆的文章加密，只有输入正确的密码才能查看文章内容。

Mizuki v4.6 重置版

最新版本发布

✨ 新特性

• 重构动画系统
  全面优化主题动效逻辑，提升交互流畅度与视觉一致性。

• 集成 PicFlow API
  开源地址:https://github.com/matsuzaka-yuki/PicFlow-API (Mizuki同作者)
  新增对智能随机图片接口的支持，可动态加载高质量随机图片。

---

Mizuki v4.4 Release

添加了更好的RSS界面,并且修复了RSS的文章生成器问题!

Mizuki v4.3.2 Reset

v4.3 更新日志

更新日期：2025-08-28

核心更新

1. 资源优化：删除不必要的多语言文件，减少安装包体积，提升加载效率
2. 页面重构：

• 相册页面：优化布局结构，修复图片加载卡顿问题(外链和隐藏的支持)
• 番剧页面：简化交互逻辑，提升列表渲染速度
• 日记页面：重构数据存储模块，增强数据安全性

其他优化

• 修复已知页面跳转异常 bug
• 优化部分页面响应式适配效果
• 添加剧透写作样式

Mizuki v4.0 Release

v4.0 版本更新

✨ 新功能

• 全屏背景图片功能： 新增非Banner模式下的全屏背景图片支持，提供沉浸式的视觉体验。支持轮播切换、透明度调节和模糊效果配置。

🔧 优化改进

• 资源路径优化： 修复了Banner模式和全屏壁纸模式下的图片资源调用问题，确保能正确从public目录获取资源。
• 导航栏透明效果： 优化了全屏壁纸模式下导航栏的半透明圆角效果，提升视觉一致性。
• 手机端Banner优化： 支持调用外部链接

🎨 设计与界面

• 在"设计与界面"功能列表中新增了"全屏背景图片，支持轮播、透明度和模糊效果"功能项
  这个版本主要专注于视觉体验的增强，特别是全屏背景图片和Live2D看板娘功能的集成，同时优化了资源加载和移动端体验。

Mizuki v3.7 Stable

版本更新日志

🚀 新特性与优化

🌙 夜间模式增强

• 智能切换优化：重构夜间模式切换算法
• 平滑过渡动画：添加优雅的色彩渐变动效，减少视觉突兀感
• 护眼色系升级：采用国际认证的低蓝光色值方案，降低夜间使用眼疲劳

🎨 Banner模式视觉升级

• 顶部高光效果：新增微渐变光晕层，增强视觉层次与品牌辨识度
• 动态顶栏模式：
  • 实时模糊特效：基于内容背景的动态毛玻璃效果
  • 色彩提取技术：自动从Banner中提取主题色系并应用至顶栏部分空间
  • 滚动透明度变化：支持根据滚动位置智能调整透明度

📌 导航栏自定义升级

• Icon集成系统：支持SVG矢量图标与字体图标双引擎渲染
• 灵活定义方案：
  • 内置200+精选Material Design图标库
  • 支持自定义上传图标（SVG/PNG格式）
  • 智能尺寸适配与色彩管理
• 交互反馈优化：新增点击涟漪效果与微动效指示器

Mizuki v3.6 Stable

修复了Twikoo评论系统各种空间会导致回到顶部的问题,使用劫持方案