Archive

Hexo10 writings

7 writings

  1. Migrating From instant.page to the Speculation Rules API
    Migrating from instant.page to the browser-native Speculation Rules API, with notes on prefetch, prerender, side effects, and Swup/PJAX conflicts.

    HexoPerformanceWebSwup8 min

  1. Notes on Adding I18n to a Hexo Blog
    Design notes on Hexo i18n — filename conventions for language detection, a permalink filter for path-prefix routing, per-language generators, hreflang, and a language switcher.

    Hexo5 min

  2. Adding Hot Reload to Hexo
    A lightweight script that makes the Hexo dev server auto-refresh the browser whenever you save a post.

    BlogHexoJavaScriptWorkflow5 min

  1. Inline Code Highlighting With Markdown-It & Shiki
    I built markdown-it-inline-code on Nov 20–21, 2025 to highlight inline code. This post covers a preview, usage, and the development story.

    BlogHexoShikiMarkdown5 min

  2. Multi-Theme Blog Design in Hexo: Theme Switching With CSS Variables and the :Where Selector
    How to manage multiple blog themes with CSS variables and the :where selector, including Shiki syntax highlighting theme switching and a FOUC fix.

    BlogHexoCSSWebRicingCatppuccinJavaScriptShikiTheme7 min

  3. Hexo Site Performance Optimization Notes
    Last September I wrote up my Hexo blog performance work. Recently I tackled the remaining issues with another round of optimizations, recorded here as a follow-up.

    BlogHexoPerformanceImageHTMLCSSFontCDN7 min

  1. Making Web Fast —— LCP Optimization
    🤖 Optimize LCP with preload, fetchpriority, responsive images and srcset. Covers Sharp image processing, CI/CD automation, and preload hints for better Core Web Vitals.

    BlogHexoPerformanceWebBrowserIcarusResponsivesrcsetLCP9 min

  1. Use Medium-Zoom in Hexo Blog
    Integrate medium-zoom into a Hexo blog to replace image-link jumps with an in-page zoom interaction, including Icarus and PJAX notes.

    BlogHexoWebIcarusPjax3 min

  1. Blog Performance Optimization Notes
    Optimizations adopted while maintaining this site, from image compression to lazy loading and CDN.

    BlogHexoPerformanceWeb4 min

  1. Add Diana/Ava Live2D Models to Hexo Icarus
    Add Live2D models to a Hexo Icarus blog, either by loading CDN scripts directly or deploying local model assets with optional webp optimization.

    BlogHexoIcarusLive2d2 min