Advertisement 😃

• pica (opens new window) - high quality and fast image resize in browser.
• babelfish (opens new window) - developer friendly i18n with plurals support and easy syntax.

You will like those projects!

# h1 Heading 😎

# h2 Heading

# h3 Heading

# h4 Heading

# h5 Heading

# h6 Heading

# Horizontal Rules

# Typographic replacements

Enable typographer option to see result.

© © ® ® ™ ™ § § ±

test… test… test… test?.. test!..

!!! ??? , – —

“Smartypants, double quotes” and ‘single quotes’

# Emphasis

This is bold text

This is bold text

This is italic text

This is italic text

Strikethrough

# Blockquotes

Blockquotes can also be nested…

…by using additional greater-than signs right next to each other…

…or with spaces between arrows.

# Lists

Unordered

• 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!

Ordered

1. Lorem ipsum dolor sit amet

2. Consectetur adipiscing elit

3. Integer molestie lorem at massa

4. You can use sequential numbers…

5. …or keep all the numbers as 1.

Start numbering with offset:

57. foo
58. bar

# Code

Inline code

Indented code

// Some comments
line 1 of code
line 2 of code
line 3 of code
 Copied

Block code “fences”

Sample text here...

Syntax highlighting

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

export default { // Highlighted
  data () {
    return {
      msg: `Highlighted!
      This line isn't highlighted,
      but this and the next 2 are.`,
      motd: 'VuePress is awesome',
      lorem: 'ipsum',
    }
  }
}

export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}

// #region snippet
function foo () {
  return ({
    dest: '../../vuepress',
    locales: {
      '/': {
        lang: 'en-US',
        title: 'VuePress',
        description: 'Vue-powered Static Site Generator'
      },
      '/zh/': {
        lang: 'zh-CN',
        title: 'VuePress',
        description: 'Vue 驱动的静态网站生成器'
      }
    },
    head: [
      ['link', { rel: 'icon', href: `/logo.png` }],
      ['link', { rel: 'manifest', href: '/manifest.json' }],
      ['meta', { name: 'theme-color', content: '#3eaf7c' }],
      ['meta', { name: 'apple-mobile-web-app-capable', content: 'yes' }],
      ['meta', { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }],
      ['link', { rel: 'apple-touch-icon', href: `/icons/apple-touch-icon-152x152.png` }],
      ['link', { rel: 'mask-icon', href: '/icons/safari-pinned-tab.svg', color: '#3eaf7c' }],
      ['meta', { name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' }],
      ['meta', { name: 'msapplication-TileColor', content: '#000000' }]
    ]
  })
}
// #endregion snippet

export default foo

const unique = (arr)=>{
-  return Array.from(new Set(arr))
+  return [...new Set(arr)]
}

# Tables

Normal aligned columns

Left aligned columns

Center aligned columns

Right aligned columns

multimd-table

Rowspan (optional)

Headerless (optional)

Other

# Links

link text (opens new window)

link with title (opens new window)

Autoconverted link https://github.com/nodeca/pica (opens new window) (enable linkify to see)

# Images

# default rendering

# Like links, Images also have a footnote style syntax

With a reference later in the document defining the URL location:

# Using lazy-load using IntersectionObserver

# Picture details

# Plugins

The killer feature of markdown-it is very effective support of syntax plugins (opens new window).

# Emojies (opens new window)

Classic markup: 😉 :crush: 😢 :tear: 😆 😋

Shortcuts (emoticons): 😃 😦 😎 😉

see how to change output (opens new window) with twemoji.

# Subscript (opens new window) / Superscript (opens new window)

• 19^th
• H₂O

# <ins> (opens new window)

Inserted text

# <mark> (opens new window)

Marked text

# Footnotes (opens new window)

Footnote 1 link^[1].

Footnote 2 link^[2].

Inline footnote^[3] definition.

Duplicated footnote reference^[2:1].

# Definition lists (opens new window)

Term 1

Definition 1 with lazy continuation.

Term 2 with inline markup

Definition 2

{ some code, part of Definition 2 }
 Copied

Copied

Third paragraph of definition 2.

Compact style:

Term 1

Definition 1

Term 2

Definition 2a

Definition 2b

# Abbreviations (opens new window)

This is HTML abbreviation example.

It converts “HTML”, but keep intact partial entries like “xxxHTMLyyy” and so on.

# Custom containers (opens new window)

# To do list

• unchecked todo item
• todo item

checkbox checked checkbox unchecked

# Glossary

The dogs and people and cat are more and more aware of environmental issues.

狗 和 人 和 猫 越来越意识到环境问题。

The dog is interested in fine arts, philosophy, and morality.

这只狗对美术，哲学和道德感兴趣。

a facility where people and dogs can live in

人和狗可以居住的设施

house 屋子 人