This post is meant to help me with development
2024-05-27
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet suscipit ipsum, sed scelerisque mi. In hac habitasse platea dictumst. Mauris eleifend velit non sagittis varius. Phasellus tincidunt in urna id tincidunt. Etiam nec nisi vel dui faucibus semper quis a dui. Nunc id pulvinar nisl. Nulla sit amet porttitor elit. Nulla lacinia risus lectus, sit amet consectetur lacus suscipit id. Mauris vel urna in felis pharetra elementum. Donec sit amet venenatis tellus. Praesent quis sodales nibh, mattis faucibus tortor. Donec id dolor sem. Aenean maximus malesuada lectus non auctor. Curabitur porttitor a nunc in aliquet. Suspendisse malesuada leo sit amet magna varius, nec pretium nulla auctor. Aliquam nibh ante, lacinia vitae felis ut, accumsan ultricies neque.
block
asd#
h1 Heading#
h2 Heading#
h3 Heading#
h4 Heading#
h5 Heading#
h6 Heading#
Horizontal Rules#
Typographic replacements#
Enable typographer option to see result.
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
test.. test... test..... test?..... test!....
!!!!!! ???? ,, -- ---
"Smartypants, double quotes" and 'single quotes'
Emphasis#
This is bold text
This is bold text
This is italic text
This is italic text
Strikethrough
Blockquotes#
[!WARNING] test
Blockquotes can also be nested...
...by using additional greater-than signs right next to each other...
...or with spaces between arrows.
Lists#
Unordered
- Create a list by starting a line with
+
,-
, or*
- Sub-lists are made by indenting 2 spaces:
- Marker character change forces new list start:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Marker character change forces new list start:
- Very easy!
Ordered
Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
You can use sequential numbers...
...or keep all the numbers as
1.
Start numbering with offset:
- foo
- bar
Code#
Inline code
Indented code
Block code "fences"
Sample text here...
Syntax highlighting
var foo = function (bar) {
return bar++;
};
console.log(foo(5));
Tables#
Option | Description |
---|---|
data | path to da |
engine | engine to be default. |
ext | extension toiles. |
Right aligned columns
Option | Description |
---|---|
data | path to data templates. |
engine | engine to bedefault. |
ext | extension tos. |
Links#
Autoconverted link https://github.com/ (enable linkify to see)
Images#
Like links, Images also have a footnote style syntax
With a reference later in the document defining the URL location:
Plugins#
The killer feature of markdown-it
is very effective support of
syntax plugins.
Emojies#
Classic markup: 😉 😢 😆 😋
Shortcuts (emoticons): :-) :-( 8-) ;)
see how to change output with twemoji.
Subscript / Superscript#
- 19^th^
- H~2~O
<ins>#
++Inserted text++
<mark>#
==Marked text==
Footnotes#
Footnote 1 link1.
Footnote 2 link2.
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference2.
Footnote can have markup
and multiple paragraphs.
Footnote text.
Definition lists#
Term 1
: Definition 1 with lazy continuation.
Term 2 with inline markup
: Definition 2
{ some code, part of Definition 2 }
Third paragraph of definition 2.
Compact style:
Term 1 ~ Definition 1
Term 2 ~ Definition 2a ~ Definition 2b
Abbreviations#
This is HTML abbreviation example.
It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.
*[HTML]: Hyper Text Markup Language
Custom containers#
- Test
- asd