Markdown Sample Page:
H1 Six Heading Font Sizes
H2
H3
H4
H5
H6
Vue Template Output (see JS code in script section)
The date is: 06/05/2025 <-- This is calculated date
Bold
Italic
Bold Italic
Underline
Horizontal Rule (MD - dash line)
Horizontal Rule (HTML w Style)
This text contains subscript text, using HTML tag.
This text contains superscript text,using HTML tag
Strike Through
Highlight using Mark HTML tag
Custom Highlight Color using inline HTML style
Links
This is a link (URL in any location): https://www.cnn.com linkify = true
Inline Code:
let s = 5;
Fenced Code w Javascript Highlighting:
var s = "JavaScript syntax highlighting";
alert(s);
Table (left,center,right)
Col Left | Col Center | Col Right |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
Backslash Character Escape:
\ backslash itself. ` backtick. * asterisk. _ underscore. { } curly braces. [ ] square brackets. ( ) parentheses. # hash mark.
Task (check) List:
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
Unordered List:
- 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!
Bullet List:
- First Item
- Second Item
- One More
Mixed List:
- Item
- Item
- Mixed
- Mixed
- Item
Numbered List:
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
Block Quote: Styled with CSS
Blockquotes can also be nested...
...by using additional greater-than signs right next to each other...
...or with spaces between arrows.
Emoji
Emoji markup: 😉 😢 😆 😋
emoticons: 😃 😦 😎 😉
Displaying FrontMatter Variables
'title' variable: test front matter
'a' variable: 1
HTML: Paragraph (line) Break
This is line
and another line
and one more.
HTML Other Inline Tags:
This is an inline span Hello World element inside a paragraph.
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. This is a DIV tag with a style.