Skip to content

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

inline-style link for Google

This is a link (URL in any location): https://www.cnn.com linkify = true

Inline Code:

let s = 5;

Fenced Code w Javascript Highlighting:

javascript
var s = "JavaScript syntax highlighting";
alert(s);

Table (left,center,right)

Col LeftCol CenterCol Right
col 3 isright-aligned$1600
col 2 iscentered$12
zebra stripesare 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
  • Very easy!

Bullet List:

  • First Item
  • Second Item
  • One More

Mixed List:

  1. Item
  2. Item
    • Mixed
    • Mixed
  3. Item

Numbered List:

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. 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.



Sample Article Tag with Inline Style

Vitepress Powered Site