From 63d51a8cc54f5cae5844a90fcecea0f7e45228b3 Mon Sep 17 00:00:00 2001
From: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 12 Jun 2024 16:34:36 +0000
Subject: [PATCH] chore(deps): bump preact-render-to-string from 6.4.2 to 6.5.4 (#1198)
---
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