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#
Wrap text with single asterisksMARKDOWN1**bold**Click to expand 1 lines
Wrap text with double asterisksMARKDOWN1*italic*Click to expand 1 lines
Wrap text with underscoresMARKDOWN1_underline_Click to expand 1 lines
MARKDOWN1~strikethrough~Click to expand 1 lines
You canWrap text with carets to make it superscript!MARKDOWN1^superscript^Click to expand 1 lines
Wrap text with double equalsMARKDOWN1==highlight==Click to expand 1 lines
MARKDOWN1`inline code`Click to expand 1 lines
Wrap text with backticks
Headings#
MARKDOWN1# Heading 1Click to expand 1 lines
Large heading#
MARKDOWN1## Heading 2Click to expand 1 lines
Medium heading#
MARKDOWN1### Heading 3Click to expand 1 lines
Small heading#
MARKDOWN1#### Heading 4Click to expand 1 lines
Smaller heading#
Blockquotes#
MARKDOWN1> This is a quoted textClick to expand 1 lines
Creates an indented quote block
Footnotes#
Reference footnotes - mark position with [^1] and define at bottom:
MARKDOWN1234This has a footnote[^1] and another[^2]. [^1]: First footnote definition. [^2]: Second footnote definition.Click to expand 4 lines
Inline footnotes - define directly in text:
MARKDOWN1This has an inline footnote^[The footnote text goes here].Click to expand 1 lines
Like the markup you see in someone else's page? Append ".md" to the end of their URL to get the raw markdown!
Links#
link textMARKDOWN1[link text](https://example.com)Click to expand 1 lines
https://example.comMARKDOWN1[https://example.com]Click to expand 1 lines
Media#
Images#
MARKDOWN1Click to expand 1 lines
When you include alt text, it becomes a caption below the image.
MARKDOWN1Click to expand 1 lines
Images without alt text display with no caption.
Supported formats: .jpg, .jpeg, .png, .gif, .webp
Videos#
Videos use the same syntax as images:
MARKDOWN1Click to expand 1 lines
When you include alt text, it becomes a centered caption below the video.
MARKDOWN1Click to expand 1 lines
Videos without alt text display with no caption.
Supported formats: .mp4, .webm, .ogg, .mov, .avi, .mkv
Lists#
Bulleted Lists#
MARKDOWN123- First item - Second item - Third itemClick to expand 3 lines
- First item
- Second item
- Third item
You can use -, *, or + as bullet markers:
MARKDOWN123* Item with asterisk + Item with plus - Item with dashClick to expand 3 lines
- Item with asterisk
- Item with plus
- Item with dash
Numbered Lists#
MARKDOWN1231. First step 2. Second step 3. Third stepClick to expand 3 lines
- First step
- Second step
- Third step
Lists with Formatting#
All text formatting works inside lists:
MARKDOWN1234- This is **bold** text - This is *italic* text - This has `inline code` - This has [a link](https://example.com)Click to expand 4 lines
- This is bold text
- This is italic text
- This has
inline code - This has a link
Tables#
MARKDOWN1234| Column 1 | Column 2 | Column 3 | |----------|----------|----------| | Cell 1 | Cell 2 | Cell 3 | | Data A | Data B | Data C |Click to expand 4 lines
Like so:
| 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:
MARKDOWN123```language your code here ```Click to expand 3 lines
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.
JSON12345678910```json { "name": "nonograph", "version": "1.0.0", "settings": { "debug": true, "port": 8080 } } ```Click to expand 10 lines
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
Secret Text#
Click to reveal hidden text which can be in-line or on its own line. These are also commonly known as spoilers.MARKDOWN1#hidden message#Click to expand 1 lines
Dividers#
Create visual separators between content sections:
MARKDOWN1***Click to expand 1 lines
Creates a centered three-star divider
MARKDOWN1-*-Click to expand 1 lines
Creates a centered single-asterisk divider
MARKDOWN1---Click to expand 1 lines
Creates a thin horizontal line divider
MARKDOWN1===Click to expand 1 lines
Creates a double-line horizontal divider
Line Breaks#
Press Enter once for a line break
Press Enter twice for a paragraph break
Limits#
- Posts: 256,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.