Latest posts
-
Astro: Dynamic routes with params and pagination |
An example of paginated listings of posts by tag, using the Astro framework.
-
Shiki: Syntax highlighting for inline code in Astro |
Astro has Shiki built-in for code blocks, but the integration configurations don't work for inline code. How do we apply the settings to other contexts?
-
Shiki: Creating a new transformer for line skips |
Splitting up long blocks of code into multiple blocks can cause breaks in context cues. Here, we create a new transformer that enables line skips into chunks within the same block.
-
Shiki: Highlighting lines and phrases in Shiki |
Flexible highlighting of code block lines and phrases using regular expressions. Help the audience focus on the important lines of code without redundantly describing it.
-
Shiki: Line numbering for Shiki syntax highlighting |
Unlike Prism.js and Highlight.js, Shiki doesn't ship with line numbering out of the box. Here's how I implemented it.
-
Code Block Reference |
I made my own syntax highlighted code block on top of Shiki.