light.page Syntax

The Light Page Syntax is extended Markdown with some custom components for rendering neat things like Images, Videos, Galleries, Audio players, etc.


Text

# Heading 1
## Heading 2
### Heading 3
_italicize_
**bold**

Heading 1

Heading 2

Heading 3

italicize
bold


Theming

Colors

bg#fff/000
text#000/ccc
link#00f/0f0

Optional / option signifies night mode

Font

font#sans
font#mono
font#serif

Navigation

page#HelloWorld

Links to a subpage. Subpages are created when they are saved.

Hello World


Breadcrumbs

#breadcrumbs

Images

Note: Gifs are supported.

image#rocko

rocko

Arguments

image#rocko?width=25%

rocko?width=25%

Gallery

gallery#image-*

Embeds a grid of images - use * for wildcard matching


Weather

The weather is: weather#90210

The weather is:


Audio

Playlist

playlist#track-*
Loading audio

Use * for wildcard matching


Video

video#intro

Tables

Heading AHeading B
Column AColumn B
Row ARow B

Code

Use 3 backticks to signify code breaks. Sorry, it's hard to show here, ignore the backslashes.

\`\`\`javascript
console.log("Hello World")
\`\`\`
console.log("Hello World")