From 5208a96a3768e92d203e3d2c6fd3a79e21be64be Mon Sep 17 00:00:00 2001
From: Jon Erling Hustadnes <jonerling.hustadnes@proton.me>
Date: Mon, 05 Jan 2026 11:34:45 +0000
Subject: [PATCH] fix(build.ts/startWatching): add option `awaitWriteFinish` with 250ms threshold (#2235)
---
docs/features/syntax highlighting.md | 16 ++++++++++++----
1 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/docs/features/syntax highlighting.md b/docs/features/syntax highlighting.md
index 68436c2..bf9baae 100644
--- a/docs/features/syntax highlighting.md
+++ b/docs/features/syntax highlighting.md
@@ -1,7 +1,7 @@
---
title: Syntax Highlighting
tags:
- - plugin/transformer
+ - feature/transformer
---
Syntax highlighting in Quartz is completely done at build-time. This means that Quartz only ships pre-calculated CSS to highlight the right words so there is no heavy client-side bundle that does the syntax highlighting.
@@ -95,6 +95,16 @@
const [name, setName] = useState("Taylor")
```
+### Inline Highlighting
+
+Append {:lang} to the end of inline code to highlight it like a regular code block.
+
+```
+This is an array `[1, 2, 3]{:js}` of numbers 1 through 3.
+```
+
+This is an array `[1, 2, 3]{:js}` of numbers 1 through 3.
+
### Line numbers
Syntax highlighting has line numbers configured automatically. If you want to start line numbers at a specific number, use `showLineNumbers{number}`:
@@ -130,6 +140,4 @@
## Customization
-- Removing syntax highlighting: delete all usages of `Plugin.SyntaxHighlighting()` from `quartz.config.ts`.
-- Style: By default, Quartz uses derivatives of the GitHub light and dark themes. You can customize the colours in the `quartz/styles/syntax.scss` file.
-- Plugin: `quartz/plugins/transformers/syntax.ts`
+Syntax highlighting is a functionality of the [[SyntaxHighlighting]] plugin. See the plugin page for customization options.
--
Gitblit v1.10.0