Demo Post
- Published: Updated:
- Author: admin
A demonstration of supported markup, originally used in testing, to show writers what they can use.
Headers New Paragraph New Line Escaping Lists Inline formatting Unicode Autolink Code Links Images Tables Horizontal Rules Tasklists Blockquotes
Headers
Headers are automatically assigned a valid HTML5 id:
- lowercase the heading text (not required, but neat)
- replace spaces with a
-
- duplicates are omitted
This wouldn't cause any harm, but the validator doesn't like it.
These syntaxes are supported:
Header 1
========
Header 2
--------
# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6
h1
is exclusively used for article headers, as per semantic definition.
Header 2
Header 3
Header 4
Header 5
Header 6
New Paragraph
A blank line between lines creates a new paragraph.
Paragraph 1
Paragraph 2
New Line
To force a new line:
- add 2 spaces and a newline at the end of a line
- add a
\
at the end of a line - use inline HTML
<br>
if HTML is allowed
Spaces
here
Slash \
here
HTML <br>
here
Spaces
here
Slash
here
HTML
here
Escaping
Prepend a \
.
Lists
- Hello
- world!
100. Hello
7. world! Only the first number in a sequence matters.
Multiple lists in a row need to be interrupted by a paragraph, otherwise the empty line causes the list items to be wrapped in paragraphs themselves.
- foo
- bar
1. foo
2. bar
Nested lists cannot change starting number as of now. It works with an extra newline, but of course that adds inconsistent space.
- Hello
- world!
- Hello
- world! Only the first number in a sequence matters.
Multiple lists in a row need to be interrupted by a paragraph, otherwise the empty line causes the list items to be wrapped in paragraphs themselves.
- foo
- bar
- foo
- bar
- bar
Nested lists cannot change starting number as of now. It works with an extra newline, but of course that adds inconsistent space.
See the spec for details, it's quite complex. *
can be used as well, but consistently.
Inline formatting
Style | Syntax | Output |
---|---|---|
Bold | Hello **dear** world! | Hello dear world! |
Bold | Hello __dear__ world! | Hello dear world! |
Italic | Hello *dear* world! | Hello dear world! |
Italic | Hello _dear_ world! | Hello dear world! |
Strikethrough | Hello ~~dear~~ world! | Hello |
Bold and Italic | Hello ***dear*** world! | Hello dear world! |
Bold and Italic | Hello ___dear___ world! | Hello dear world! |
Bold yields the 'strong' attribute, italic 'emphasis'. They should be used semantically where possible, not just for visuals.
Unicode
The font set and stack is highly optimized, so let's test fallbacks:
Vågøyvannet Rundt 汉语; traditional Chinese: 漢語; pinyin: Hànyǔ[b] or also 中文; Zhōngwén
ॐ असतो मा सद्गमय । तमसो मा ज्योतिर्गमय । मृत्योर्मा अमृतं गमय । ॐ शान्तिः शान्तिः शान्तिः ॥
Autolink
<https://chip.icu>
https://chip.icu
Code
inline
import `#include <fcntl.h>` to
import #include <fcntl.h>
to
block
4 spaces at the start of the line
code here
code here
3 backticks or tildes on a new line before and after
``` code here ```
code here
with language specified (see source)
```nasm %include 'functions.asm' SECTION .data msg1 db 'Hello, brave new world!', 0Ah msg2 db 'This is how we recycle in NASM.', 0Ah SECTION .text global _start _start: mov eax, msg1 call sprint mov eax, msg2 call sprint call quit ```
%include 'functions.asm' SECTION .data msg1 db 'Hello, brave new world!', 0Ah msg2 db 'This is how we recycle in NASM.', 0Ah SECTION .text global _start _start: mov eax, msg1 call sprint mov eax, msg2 call sprint call quit
If nesting is required, add additional backticks to the surrounding bracket.
Links
[CHIP](https://chip.icu)
CHIP
Images
![Alt text](./1003-200x300.jpg)
[full](foo)
![Alt text](./1003-400x150.jpg)
[full](foo)
Tables
| Fruit | Species | Genus | Family |
|:----- | :----:|-----|-------:|
| Red Raspberry | R. idaeus | Rubus | Rosaceae |
| Rowan Berry | S. aucuparia | Sorbus | Rosaceae |
Fruit | Species | Genus | Family |
---|---|---|---|
Red Raspberry | R. idaeus | Rubus | Rosaceae |
Rowan Berry | S. aucuparia | Sorbus | Rosaceae |
Column alignment can be explicitly set via :
orientation. The spacing of the table markup is irrelevant.
Horizontal Rules
3+ *
or -
on a new line
Horizontal
***
Rule
Horizontal
Rule
Tasklists
Are not currently supported, but look pretty neat without any additional styling already:
- [X] foo
- [X] bar
- [ ] bim
* [ ] to do
* [X] done
- [X] foo
- [X] bar
- [ ] bim
- [ ] to do
- [X] done
Blockquotes
> Habt Ehrfurcht vor dem Baum.
Er ist ein einziges groszes Wunder,
und euren Vorfahren war er heilig.
>
> Die Feindschaft gegen den Baum ist ein
Zeichen der Minderwertigkeit eines Volkes
und von niederer Gesinnung des einzelnen.
*- author uncertain, possibly Alexander Humboldt*
\- author uncertain, possibly Alexander Humboldt
Habt Ehrfurcht vor dem Baum.
Er ist ein einziges groszes Wunder,
und euren Vorfahren war er heilig.Die Feindschaft gegen den Baum ist ein
Zeichen der Minderwertigkeit eines Volkes
und von niederer Gesinnung des einzelnen.
- author uncertain, possibly Alexander Humboldt
- author uncertain, possibly Alexander Humboldt
Continuations are allowed, but for an empty line in between, you do need an >
in front.