Markdown Syntax Guide
This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
Headings Link to heading
-
Header level 1
# H1 -
Header level 2
## H2 -
Header level 3
### H3 -
Header level 4
#### H4 -
Header level 5
##### H5 -
Header level 5
###### H6
Links Link to heading
This is a internal link to another page. This one points to a external page nad will be open in a new tag.
- Internal links:
[internal link](/posts/emoji-support) - External links:
[This one](https://www.mypage.io)
Embedding images Link to heading
-
Simple image
 -
Image with link
[(https://anchorlink.com)] -
Image with custom dimension
{ width=60%,height:30px }
Blockquotes Link to heading
-
Blockquote without attribution
Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Note that you can use Markdown syntax within a blockquote.
> Tiam, ad mint andaepu dandae nostion secatur sequo quae. > **Note** that you can use _Markdown syntax_ within a blockquote. -
Blockquote with attribution
Don’t communicate by sharing memory, share memory by communicating. — Rob Pike[^1]
> Don't communicate by sharing memory, share memory by communicating.<br> > — <cite>Rob Pike[^1]</cite>
Tables Link to heading
TBD
Code Blocks Link to heading
TBD
Other Elements — abbr, sub, sup, kbd, mark Link to heading
GIF is a bitmap image format.
<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
H2O
H<sub>2</sub>O
Xn + Yn = Zn
X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
Press CTRL+ALT+Delete to end the session.
Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.
Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.