Archive

Hexo10 writings

7 篇

  1. 从 instant.page 迁移到 Speculation Rules API
    从 instant.page 迁移到浏览器原生的 Speculation Rules API。本文介绍 prefetch 与 prerender 的区别、适用边界、实际配置，以及它为何与 Swup/PJAX 这类 SPA 导航方案的冲突。

    HexoPerformanceWebSwup8 分钟

  1. 博客多语言适配记录
    记录 Hexo 多语言适配的设计思路：文件名约定识别语言、filter 偷换 slug 实现路径前缀路由、手写 permalink 处理 Page、generator 按语言隔离聚合页，以及 hreflang、语言切换器、翻译质量标记等前端串联。

    Hexo5 分钟

  2. 为Hexo添加热更新
    通过一个轻量脚本，为 Hexo 本地开发服务器增加文章保存后自动刷新浏览器的能力。

    BlogHexoJavaScriptWorkflow6 分钟

  1. Inline Code Highlighting With Markdown-It & Shiki
    25/11/20和25/11/21期间开发了markdown-it-inline-code项目，用于高亮行内代码。本文包括效果预览、使用方法以及开发历程

    BlogHexoShikiMarkdown5 分钟

  2. Hexo 多主题博客设计：CSS变量 + :Where 选择器实现主题切换

    本文介绍如何利用 CSS 变量与 :where 选择器实现博客多主题管理，包括 Shiki 代码高亮主题切换与页面闪烁（FOUC）的解决方案

    BlogHexoCSSWebRicingCatppuccinJavaScriptShikiTheme8 分钟

  3. Hexo 网站性能优化记录
    去年九月，记录优化Hexo Blog性能措施。最近针对当时未解决的部分性能问题，又进行了一系列的优化，记录下来作为前文的补充

    BlogHexoPerformanceImageHTMLCSSFontCDN8 分钟

  1. 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.

    BlogHexoPerformanceWebBrowserIcarusResponsivesrcsetLCP10 分钟

  1. Use Medium-Zoom in Hexo Blog
    在 Hexo Blog中，为了增强用户点击图片后的交互体验，我们可以使用medium-zoom这一轻量级库实现图片放大效果。本文记录如何在 Hexo 博客中成功集成 medium-zoom

    BlogHexoWebIcarusPjax3 分钟

  1. Blog性能优化记录
    记录网站维护过程中，采取的部分优化措施

    BlogHexoPerformanceWeb4 分钟

  1. Hexo Icarus添加嘉然/向晚模型
    本文介绍如何给Hexo博客添加Live2d模型

    BlogHexoIcarusLive2d2 分钟