Archive
Shiki4 writings
Tags
w4mdQTCop2zOwlZ8La2IemWaCgWZzTewbCqsU6J28CUM9UxCSICTdNek8NoH7LkP2NVkZgCuWXNodmeqobR0HKtylSv28fA34q1ErZryirmJF6icfgCkWE6Ff3lJ7uZY9LXwiMTVPrmM7nqZgwO9VPWjt2SU6jr/Zg0oJo9KdQeP56q4KEOKpPNrA1jFvqzaYOjlxb2w/5w+KO7YuxbEHr0nlqBnryAtxdM2UM9zbz0sm4Do4+paFiene8Eh38VZ0Syj0IoWkG9IhiGU/gh4CZdsQ3RoXV+bXmENoCyEgV68ydYRozgg8XPoTqftP5VMJqcDF/ZwJe5P28pMGv29Vhof6361aSloRUXlf2lDdyWdBx9Y3iM6oZ/yz9RIisbaf9+G2w4NlZpPxa3cPsJfcnTyV/1cyZBMlWp/dFdlcspohFLn+Xssk3dk1f8tATfWYSk7CPbtmaq1wtprNbIeqyK1yJTaE5+zgTomRaPgQjh/Imkettd9dGhrJIkxC40y3fGicOl8nZIRZNZCp06yhtnsfhXYwwe9hBnJIfJoBPuX9SNyogz0FMTpLdMoS5MZwER29+riwba4FB0BvHkcvS6qMSTC7pQUGlgZUXeCqN9llvnAkDPhf1RsOUg5QmYvXAmnXfpETp+BLlq4cachBtz0SZwT9/PnuyI3K2SoDziiIPA00SM+GIIna5C3351+bQt5AjvLgqmVJlXGEPvJws4gSGhjsCLNh2ThJRGIN1TGpnz9FWRg+PbEirWnUpK11SvEZVLq9T6JXD2E7o2ESYCLoU8O1g482WaOsUxmHmoE0KVjOZqMPSs1513Ulialr08HYmPlS2v0+BtvscJtmFussrL8LraHLAhYoU0trkqoe6NH53Cl855uAOjktBpZfvLtkOkYiwNZiyVvT5wd4wbmNzRBaP6EqxInBCSclyB+vHL6OxQbb685JLrwdyTkDrbH6ek1Y0NRa0eUPv0ppck1oz91wIoDkR8HolmZPO0imdO2Ow6ISd1GQ+2ubcP0R2ecN3I4gd57SjiZc4xQFeAiYdTr7xpFwiXJLtvjX0f1q/Nyn/ogjCpU4GzAGYaf8W7T19o44YJi/h74kZfyCDlZSphya3t2BTAS0+Dj7ZiL9Lq82fc91Spcuv81xDQQCEDO9H/n12hvInFC1gUMXqNajYSCn+hC0qpP0ECtztLmYyzgWMGsDK3sOfvd+hfhbFxWOwPkROQSbu46W0a9uOaqFnlzY4PB65nQ2e/x
autumn
- Optimize Shiki's HTML Output With styleToClass TransformerUse Shiki's styleToClass transformer to move inline styles into reusable CSS classes and reduce highlighted HTML size.PerformanceCSSCatppuccinShiki4 min
- Inline Code Highlighting With Markdown-It & ShikiI 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
- Multi-Theme Blog Design in Hexo: Theme Switching With CSS Variables and the :Where SelectorHow to manage multiple blog themes with CSS variables and the :where selector, including Shiki syntax highlighting theme switching and a FOUC fix.BlogHexoCSSWebRicingCatppuccinJavaScriptShikiTheme7 min
summer
- Shiki Code Highlighting TestHow Shiki renders inline code, code blocks, and transformer markers in my Hexo blog, for checking styles and layout edge cases.CSSShikiMarkdown4 min