Catppuccin配色已看腻，今日开发了博客主题&Shiki主题切换功能，支持多种主题；本文简单记录实现思路。
🖥️ System • 🌿 Catppuccin • 🌃 Tokyo Night • 🦭 Nord
最近写markdown比较爱用footnote[1]，点击后可在网页中使用跳转。
MD
Here's a simple footnote,[^1] and here's a longer one.[^bignote][^1]: This is the first footnote.[^bignote]: Here's one with multiple paragraphs and code. Indent paragraphs to include them in the footnote. `{ my code }` Add as many paragraphs as you like.但默认行为并不友好。跳转后内容经常被博客顶部的固定导航栏遮挡住，无法看到跳转后的内容。本文记录优化方案
备案通过，简单记录下国内外CDN分流配置过程
本文旨在解释HTTPS如何保障网络通信安全。介绍了对称加密与非对称加密的基本概念、工作流程及其优缺点，并解释了两者结合的最佳实践。为了解决公钥分发和信任问题，文章进一步阐述了数字签名和数字证书（CA）机制
🤖 本文介绍了像素概念及其在网页设计中的应用。首先区分了物理像素和CSS像素，解释了像素密度（PPI）和设备像素比（DPR）的概念，随后探讨了响应式图片的实现方法，包括图片的渲染尺寸与固有尺寸的关系，以及使用srcset属性根据设备DPR或视口宽度提供合适图片资源的技术
Making Web Fast —— LCP Optimization
🤖 Learn to optimize LCP performance using preload、fetchpriority、responsive images and srcset attributes. Master Sharp image processing, CI/CD automation, and preload hints to dramatically improve Core Web Vitals scores.
在 Hexo Blog中，为了增强用户点击图片后的交互体验，我们可以使用medium-zoom这一轻量级库实现图片放大效果。本文记录如何在 Hexo 博客中成功集成 medium-zoom，并讨论使用 PJAX 以及非标准 CSS zoom 属性可能引发的问题及解决方法。
Web Authentication & Authorization
主要介绍Cookie,Session和Token等技术的概念及工作原理
记录网站维护过程中，采取的部分优化措施
Icarus为Hexo的一款主题，本文介绍如何更换主题字体。