# unifiedjs

Published articles for unifiedjs.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Build-Time Syntax Highlighting With Shiki and Rehype

DevFeed: [Build-Time Syntax Highlighting With Shiki and Rehype](<https://devfeed.tech/articles/build-time-syntax-highlighting-with-shiki-and-rehype-59347.md>)

Original publisher: [Read original article](<https://hackernoon.com/build-time-syntax-highlighting-with-shiki-and-rehype?source=rss>)

Author: Lucas Tonelli

Published: 2026-09-24T09:30:11Z

Content type: tutorial

Language: en

Sources: [HackerNoon](<https://devfeed.tech/sources/hackernoon.md>)

Topics: [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [build performance](<https://devfeed.tech/topics/build-performance.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Code](<https://devfeed.tech/topics/code.md>), [HTML](<https://devfeed.tech/topics/html.md>), [Markdown](<https://devfeed.tech/topics/markdown.md>)

Tags: [build](<https://devfeed.tech/tags/build.md>), [build-time-rendering](<https://devfeed.tech/tags/build-time-rendering.md>), [code](<https://devfeed.tech/tags/code.md>), [css-variables](<https://devfeed.tech/tags/css-variables.md>), [highlighting](<https://devfeed.tech/tags/highlighting.md>), [html](<https://devfeed.tech/tags/html.md>), [markdown](<https://devfeed.tech/tags/markdown.md>), [markdown-processing](<https://devfeed.tech/tags/markdown-processing.md>), [nodejs](<https://devfeed.tech/tags/nodejs.md>), [rehype](<https://devfeed.tech/tags/rehype.md>), [shikijs](<https://devfeed.tech/tags/shikijs.md>), [static-site-generation](<https://devfeed.tech/tags/static-site-generation.md>), [syntax-highlighting](<https://devfeed.tech/tags/syntax-highlighting.md>), [textmate-grammars](<https://devfeed.tech/tags/textmate-grammars.md>), [unifiedjs](<https://devfeed.tech/tags/unifiedjs.md>)

### AI overview

A tutorial on using Shiki and rehype to perform syntax highlighting at build time for Markdown, HTML, and inline code. It explains how highlighting can be generated into static HTML, how the rehype plugin integrates with syntax trees, and how themes, imports, and inline-code handling work.

### Source excerpt

Use Shiki and rehype to highlight Markdown, HTML, and inline code at build time without shipping a syntax-highlighting library to the browser.