Markdown

I am a paragraph in markdown with line wrapping so fit in this width. I am a continuation of the first paragraph as there is no empty line before me.

I am in the second paragraph.

I am the third one. Even though there are two line breaks before me, this does not create any newline characters. After me there are two spaces before the newline character.
I have a line break before me. Even though I am not a new paragraph, I do start on a new line due to the manual line break via spaces before the newline character.

Top Level H1

H2

#Just a tag # Not a heading Also a # tag.

Alternate H1

Alternate H2

H3

H6

This is a list element

This is also a list element

This is also a list element
- This is a sublist element
- Also a sublist element
  - Sublist level 2
  1. Numbered sublist
  2. Next item
    1. Next indent level

Numbered list
Next item
1. Next indent level
  - Sublist non numbered

Back

Horizontal Lines:

Block Quote

Preformatted text

Inline formatting

Italics

Bold

Bold+Italics

this_is_not_emphasis

~~Strike-through~~

Content with a – (dash) and a — (long dash).

link

Shared links with footnotes

Second shared link

target 1

Sample inline code a++ can be specified here.

Alt Text

HTML escaped characters and inline HTML

Registered: ®

Trademark: ™

Less Than: <

Greater Than: >

Ampersand: &

Smiley: 😄

Embedded HTML: x²

Floating image via HTML: Follow up text after the image. This honors the floats and wraps around the image, automatically going into the next line.

Tables, code blocks and task lists

Name	Job
Alex	Web Developer
Bob	Sys Admin
Gabby	Technical Writer

Alternate table

Name	Mantra
Alex	There must be a better way.
Bob	Play it safe.
Gabby	Try everything, but do what you like.

Table alignment

Index	Product	Edges
1.	Circle	0
2.	Line	1
3.	Square	4

Acme website task list

Get the home page up
Update Privacy Policy and Terms of Use
Add the about page
Start the blog
Enable contact us

Code block

1
2
3


var x= 10;
x++;
console.log(x);

With highlighting:

199
200
201
202
203
204
205


while (!success) {
  tryAgain();
  attempt++;
  if (Dead) {
    break;
  }
}

Direct Emojis

Smile please 😄

I ❤️ Hugo

Wink 😉

A link to Emojis

Smart conversion

This will convert to a dash –

This is followed by ellipses …

This is extra highlighted

Definition Lists

Alex: Hippy Web Developer; Technophile
Bob: Classic SysAdmin; Conservative
Gabby: Cool Content Master; Cautious

Shortcodes

Youtube

Highlight

1080
1081
1082
1083
1084
1085


// Enjoy your work
if (!tired()) {
    keepCoding();
} else {
    drinkCoffee();
}

1080
1081
1082
1083
1084
1085
1086


<!-- Generated Youtube source code for video -->
{{< youtube nLAVanlu5js >}}
<!-- Output -->

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe src="https://www.youtube.com/embed/nLAVanlu5js" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
</div>

Inline shortcodes.

Inline Shortcode declaration and first use

A programmer’s wife sends him to the grocery with instructions: Get a loaf of bread and if they have eggs, get a dozen. He came back with a dozen loafs of bread: They had eggs.

Shortcode usage as HTML

A programmer's wife sends him to the grocery with instructions: **Get a loaf of bread and if they have eggs, get a dozen**. He came back with a dozen loafs of bread: **They had eggs.**

Shortcode usage as Markup

A programmer’s wife sends him to the grocery with instructions: Get a loaf of bread and if they have eggs, get a dozen. He came back with a dozen loafs of bread: They had eggs.