Archive

Blog17 writings

7 writings

  1. Colophon
    How this site is made: writing workflow, design principles, typography and color, and the build-and-deploy stack.

    Blog5 min

  2. Troubleshooting EdgeOne Pages 404s on Chinese Paths and Migrating Around Them
    A practical log of diagnosing EdgeOne Pages 404s on Chinese paths, migrating URLs, adding redirects, and preserving wiki links and comments.

    Blog6 min

  3. 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. Blog Changes in 2025
    A running review of 2025 blog changes, covering Markdown rendering, images, themes, fonts, responsive design, and performance work.

    EssayBlog3 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. Fix Markdown Footnote Jump Overlap With CSS Scroll-Margin-Top
    Fix the common problem where fixed top navbars hide jump targets using scroll-margin-top rule

    BlogCSSWebUIUX2 min

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

  5. Blog & OSS CDN Traffic Splitting Between Mainland China and Overseas
    ICP filing approved. A quick record of setting up split CDN routing for domestic and international visitors.

    BlogPerformanceCDNNetworkWebInternetHTTPS7 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

  1. Lab: Flavoured Markdown & HTML Element Preview
    Test Flavoured Markdown Content & HTML Elements with style

    BlogCSSMarkdown1 min

  2. Lab: Custom Components Preview
    Preview the custom Markdown components used by this blog theme, with usage notes and source examples.

    BlogCSSMarkdown10 min

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

    BlogCSSMarkdown2 min

  1. ChangeLog
    Tracking the changes of this blog theme

    Blog