Markdown Rendered

July 7, 7077

Markdown formatted page

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
  1. Numbered list
  2. Next item
    1. Next indent level
      • Sublist non numbered
  1. Back

Horizontal Lines:


.


.


.


Block Quote

Preformatted text

Inline formatting

Italics

Italics

Bold

Bold+Italics

Bold+Italics

this_is_not_emphasis

Strike-through

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

link

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

Copyright: ©

Registered: ®

Trademark: ™

Less Than: <

Greater Than: >

Ampersand: &

Smiley: 😄

Embedded HTML: x2

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

NameJob
AlexWeb Developer
BobSys Admin
GabbyTechnical Writer

Alternate table

NameMantra
AlexThere must be a better way.
BobPlay it safe.
GabbyTry everything, but do what you like.

Table alignment

IndexProductEdges
1.Circle0
2.Line1
3.Square4

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 :smile:

I :heart: Hugo

Wink :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 crb03SsW6zk >}}
<!-- Output -->

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

Google Map Embedding Google Map location, set HUGO_GOOGLE_MAPS_APIKEY environment variable

Inline shortcodes.

Inline Shortcode declaration and first use

Shortcode usage as HTML

Shortcode usage as Markup

comments powered by Disqus