Silica Docs

Code and diagrams

Syntax-highlighted code blocks and Mermaid diagrams.

Code blocks

Fenced code blocks are syntax-highlighted automatically. Add a language after the opening fence:

Markdown
```ts
const site = "Silica";
console.log(site);
```

Renders as:

TypeScript
const site = "Silica";
console.log(site);

When the language is recognized, its name appears as a label on the block (for example "TypeScript" for ts). A wide range of languages is supported, including:

You writeLabel
ts, typescriptTypeScript
js, javascriptJavaScript
tsx, jsxTSX / JSX
py, pythonPython
bash, sh, shellShell
json, yaml, tomlData formats
md, markdownMarkdown

Code blocks follow the site's light and dark mode automatically.

Mermaid diagrams

Use a mermaid code fence to draw a diagram:

Markdown
```mermaid
graph TD
  Markdown --> Obsidian
  Obsidian --> Silica
  Silica --> Website
```

Renders as:

graph TD
  Markdown --> Obsidian
  Obsidian --> Silica
  Silica --> Website
Backlinks