Nonograph supports a lot of concise markup options to make pages fun and expressive.

You can append .md to any page to get the raw markdown. Great for copying styles that you like from others pages!

Text Formatting#

MARKDOWN
1
**bold**

Wrap text with single asterisks

MARKDOWN
1
*italic*

Wrap text with double asterisks

MARKDOWN
1
_underline_

Wrap text with underscores

MARKDOWN
1
~strikethrough~

~~Wrap text with tildes~~

MARKDOWN
1
^superscript^

You can^{Wrap text with carets} to make it ^superscript!

MARKDOWN
1
==highlight==

Wrap text with double equals

MARKDOWN
1
`inline code`

Wrap text with backticks

Headings#

MARKDOWN
1
# Heading 1

Large heading#

MARKDOWN
1
## Heading 2

Medium heading#

MARKDOWN
1
### Heading 3

Small heading#

MARKDOWN
1
#### Heading 4

Smaller heading#

Blockquotes#

MARKDOWN
1
> This is a quoted text

Creates an indented quote block

Footnotes#

Reference footnotes - mark position with [^1] and define at bottom:

MARKDOWN
1234
This has a footnote[^1] and another[^2].

[^1]: First footnote definition.
[^2]: Second footnote definition.

Inline footnotes - define directly in text:

MARKDOWN
1
This has an inline footnote^[The footnote text goes here].

Like the markup you see in someone else's page? Append ".md" to the end of their URL to get the raw markdown!

Links#

MARKDOWN
1
[link text](https://example.com)

link text

MARKDOWN
1
[https://example.com]

https://example.com

Media#

Images#

MARKDOWN
1
![Alt text](https://example.com/image.jpg)

When you include alt text, it becomes a caption below the image.

MARKDOWN
1
![](https://example.com/image.png)

Images without alt text display with no caption.

Supported formats: .jpg, .jpeg, .png, .gif, .webp

Videos#

Videos use the same syntax as images:

MARKDOWN
1
![Video caption](https://example.com/video.mp4)

Video caption

When you include alt text, it becomes a centered caption below the video.

MARKDOWN
1
![](https://example.com/video.webm)

Videos without alt text display with no caption.

Supported formats: .mp4, .webm, .ogg, .mov, .avi, .mkv

Lists#

Bulleted Lists#

MARKDOWN
123
- First item
- Second item
- Third item

First item
Second item
Third item

You can use -, *, or + as bullet markers:

MARKDOWN
123
* Item with asterisk
+ Item with plus
- Item with dash

Item with asterisk
Item with plus
Item with dash

Numbered Lists#

MARKDOWN
123
1. First step
2. Second step
3. Third step

First step
Second step
Third step

Lists with Formatting#

All text formatting works inside lists:

MARKDOWN
1234
- This is **bold** text
- This is *italic* text
- This has `inline code`
- This has [a link](https://example.com)

This is bold text
This is italic text
This has inline code
This has a link

Tables#

MARKDOWN
1234
| Column 1 | Column 2 | Column 3 |
|----------|----------|----------|
| Cell 1   | Cell 2   | Cell 3   |
| Data A   | Data B   | Data C   |

Align columns with colons in separator row:

:--- Left align
:---: Center align
---: Right align

Code Blocks#

Use triple backticks for code blocks:

MARKDOWN
123
```language
your code here
```

You can append a filetype immediately after the backticks (on the same line, no space) to tell the site what language you're using. Hover over the copy button to reveal it.

MARKDOWN
12345678910
```json
{
  "name": "nonograph",
  "version": "1.0.0",
  "settings": {
    "debug": true,
    "port": 8080
  }
}
```

Supported Languages:

ada, apache, apex, arduino/ino, asm/assembly, asciidoc/adoc, awk, bash/sh/shell, bibtex/bib, c, clj/clojure, cmake, cobol/cob, coffeescript/coffee, cpp/c++, cr/crystal, cs/csharp, css, d, dart, diff, dockerfile/docker, ejs, elisp/emacs-lisp, elm, erl/erlang, ex/elixir, fsharp/fs, f90/f95/fortran, go/golang, gql/graphql, groovy, handlebars/hbs, hs/haskell, html, ini, jade/pug, java, javascript/js, jl/julia, json, jsx, kt/kotlin, latex/tex, less, lisp, lua, make/makefile, markdown/md, matlab, ml/ocaml, nginx, nim, njk/nunjucks, objc/objective-c, org, pas/pascal, patch, pde/processing, perl, php, pl/prolog, plaintext/text/txt, powershell/ps1, properties, purs/purescript, py/python, r, racket/rkt, re/reason/reasonml, rmarkdown/rmd, rs/rust, rst/restructuredtext, ruby/rb, sass, scad/openscad, scala, scm/scheme, scss, sed, smalltalk/st, sol/solidity, sql, st/smalltalk, svelte, swift, tcl, textile, toml, tsx, typescript/ts, v/vlang, verilog, vhdl, vim/vimscript, vue, xml, yaml/yml, zig

Comments#

MARKDOWN
1
// This is a comment

Comments start with // at the beginning of a line. They appear in the .md version but are hidden from the HTML output. Anyone can append .md to any URL and see the comments, so don't leave sensitive things there!

Secret Text#

MARKDOWN
1
#hidden message#

Click to reveal hidden text which can be in-line or on its own line. These are also commonly known as spoilers.

Dividers#

Create visual separators between content sections:

MARKDOWN
1
***

Creates a centered three-star divider

MARKDOWN
1
-*-

Creates a centered single-asterisk divider

MARKDOWN
1
---

Creates a thin horizontal line divider

MARKDOWN
1
===

Creates a double-line horizontal divider

Line Breaks#

Press Enter once for a line break

Press Enter twice for a paragraph break

Limits#

Posts: 128,000 characters maximum
Links: 4,096 characters maximum
Titles: 128 characters maximum
Alias: 32 characters maximum

What's NOT Supported#

No nested formatting. Keep it simple and focused.

Markup Help