From c538c151c7462ad0395ff2c15c5e11e89e362aa8 Mon Sep 17 00:00:00 2001
From: Striven <sg.striven@cutecat.club>
Date: Sat, 04 Apr 2026 19:47:16 +0000
Subject: [PATCH] Initial commit
---
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