Writing

Code, math & diagrams

MarkdownMarkdown
```ts title="config.ts" export default defineConfig({ theme: { radius: "16px" } }) ``` :::code-group ```bash title="pnpm" pnpm add -D @recit/cli ``` ```bash title="npm" npm install -D @recit/cli ``` ::: Inline formula $E = mc^2$, or a block: $$ \int_0^1 x^2\,dx = \frac{1}{3} $$ ```mermaid title="Pipeline" graph LR A[Markdown] --> B[AST] --> C[HTML] ```
  • Code is highlighted at compile time with Shiki (light and dark themes, configurable in syntaxHighlighting).
  • Formulas are rendered by KaTeX; fonts are bundled, no CDN.
  • Mermaid diagrams follow the theme and use title="…" as their accessible name.
Click the deck, then use ← → · 8 slides · 00:40Open fullscreen →
Click the deck, then use ← → · 8 slides · 00:40Open fullscreen →