Basic blocks
Text
All kind of text styling options are supported. Basic rich text formatting options
text blocks are skin to HTML <p/> tags. Text blocks also support a variety of All text colors: default, gray, brown, orange, yellow, green, blue, purple, pink, red
All text background: default, gray, brown, orange, yellow, green, blue, purple, pink, red
Quote
This is example quote
Toggle (or hide/show)
Toggle heading
Ordered list
- tem 1
- Nested unordered list
- Another.
- Item 2.
- Level 2.
- Level 3.
Unordered list
- Item 1
- Level 2
- Level 3
- Another level 2
- Item 1.
- Level 2
- Level 3
- Item 2.
- Nested ordered list
- Another.
- Item 2
- Nested ordered list
- Another list item
Todo list
Task 1 done
Task 2
Divider
Integration
Github
Integrate Github inline
nhn.com-astro
of the textOf course you can even embed a gist
Bookmark
๐ย Check out my list of bookmarks
Image
๐ย Click the image to see it in the bigger size
Video
Hello Viet Nam
Equations
This is inline equation. And below is a block equation
With numbering
If you donโt want to see the equation numbering,
Table
ใ
ค | Header 1 | Header 2 |
Column 1 | Item 1 | Item 2 |
Column 2 | Item 2 | Item 2 |
Code
This is inline
code and below are block code with highlighted. Note that, there is a copy button on the top-right corner of the block of code.def sum_and_div(num1, num2):
sum_nums = num1 + num2
div_nums = num1 / num2
return sum_nums, div_nums # multiple returns
sum, div = sum_and_div(18, 9)
print(sum, div)Mermaid
No diagram code provided
Advanced Blocks
Column
print(1)print(2)or 3 columns (or 4 columns if you want)
print(1)print(2)print(3)Columns with different sizes
This one has a greater length than other side. This sentence has no meaning. Itโs just for a temporary test
print(1)This one has a shorter length than other side. This sentence has no meaning; itโs just for a temporary test
Nested of nested
Side by side code and figure
print(1)ย
Toggle heading
Synced blocks
You also use synced block. Note that, the below sentence is a clone of this sentence.
Link to another page
You can
@ to link to other pages too. For example Docker