Choose Theme

Shortcuts: ⌘ ⇧ P
↑↓ Navigate • Enter Confirm • Esc Close
🖥️System
🌻Latte
🦭Nord
🌺Macchiato
🌿Mocha
🏙Tokyo Night

Blog页内跳转体验优化

最近写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.

但默认行为并不友好。跳转后内容经常被博客顶部的固定导航栏遮挡住,无法看到跳转后的内容。本文记录优化方案

Hexo 网站性能优化记录lqip

Hexo 网站性能优化记录

去年九月在博客性能优化文中,记录优化Hexo Blog性能措施。最近针对当时未解决的部分性能问题,又进行了一系列的优化,记录下来作为前文的补充「2024.9-2025.10」
Hexo Shiki Highlighter Live Demolqip
理解响应式图片:从像素到DPRlqip

理解响应式图片:从像素到DPR

🤖 本文介绍了像素概念及其在网页设计中的应用。首先区分了物理像素和CSS像素,解释了像素密度(PPI)和设备像素比(DPR)的概念,随后探讨了响应式图片的实现方法,包括图片的渲染尺寸与固有尺寸的关系,以及使用srcset属性根据设备DPR或视口宽度提供合适图片资源的技术

Markdown Test

Test various Markdown features including color schemes, math, task lists, callouts, and code blocks.