# 1. Test Page

beta+ beta+ beta+

# 1.1. markdown-it-ins

inserted

# 1.2. markdown-it-mark

marked

# 1.2.1. sub

H20 H2

# 1.2.2. Sup

29th second

# 1.3. Footnote

Here is a footnote reference,[1] and another.[2]

# 1.4. Definition List

Term 1

Definition 1

Term 2 with inline markup

Definition 2

  { some code, part of Definition 2 }

Third paragraph of definition 2.

# 1.5. Abbr

The HTML specification is maintained by the W3C.

# 1.6. Emoji

😄 🎉 đŸ’¯

# 1.7. Container

WARNING

here be dragons

TIP

tip tip tip tip tip tip tip tip tip tip tip

WARNING

error error error error error error error error

Some quote please

alexander

Some quote without header

Anonymous

Newton's First Law

In an inertial frame of reference, an object either remains at rest or continues to move at a constant velocity, unless acted upon by a force.

:::

TIP

Tip container of @vuepress/theme-default

# 1.8. Inserting code snipped from a python file





 

def for_else(n):
    """else in for loop is always executed"""
    for i in n:
        print('Loop', i)
    else:
        print('Else ', n)

# 1.10. Badges

sadnfoidsnofsd klsndfi nsidfon siodnf dsf Lazy loading isdbfios nfosdnf osdn fosnf osndfion siodnfosdn Lazy loading sndofkn odsnfios ndfioksnd iofnsiodfnios nfio Lazy loading sndofkn odsnfios ndfioksnd iofnsiodfnios nfio Lazy loading dsifnioa fnioasnf ionadsio fniodfn oidn f

# 1.11. Mermaid

# 1.11.1. Sequence Diagram

AliceJohnHello John, how are you?Great!loop[ every minute ]AliceJohn

# 1.11.2. Pie Chart

79%17%3%Pets adopted by volunteersDogsCatsRats

# 1.11.3. Git graph

master, CEHNTO7

S4JSLuJ

8jrkZzy

3a9NsuU

newbranch, BEKP9W7

faWiFbE

# 1.11.4. Gantt Chart

Basics of Gantt Chart

2014-01-072014-01-092014-01-112014-01-132014-01-152014-01-172014-01-192014-01-212014-01-23Completed task Active task Future task Future task2 Completed task in the critical line Implement parser and jison Create tests for parser Future task in critical line Create tests for renderer Add to mermaid Describe gantt syntax Add gantt diagram to demo page Add another diagram to demo page Describe gantt syntax Add gantt diagram to demo page Add another diagram to demo page Sample Project ACritical tasksDocumentationLast sectionAdding GANTT diagram to mermaid

# 1.11.5. Add all markdown packages

yarn add -D vuepress-plugin-container vuepress-plugin-mathjax vuepress-plugin-mermaidjs \
    @vuepress/plugin-nprogress vuepress-plugin-auto-sidebar @vuepress/plugin-back-to-top \
    @vuepress/plugin-blog @vuepress/plugin-medium-zoom @vuepress/plugin-last-updated \
    @vuepress/plugin-active-header-links @vuepress/plugin-google-analytics vuepress-plugin-git-log \
    @vuepress/plugin-pwa @dovyp/vuepress-plugin-clipboard-copy vuepress-plugin-reading-time \
    vuepress-plugin-img-lazy vuepress-plugin-social-share vuepress-plugin-reading-progress \
    markdown-it-container markdown-it-footnote markdown-it-deflist markdown-it-emoji \
    markdown-it-mark markdown-it-abbr markdown-it-sub markdown-it-sup markdown-it-ins \
    markdown-it-imsize markdown-it-todo

yarn add vuepress-plugin-reading-progress

  1. Here is the footnote. â†Šī¸Ž

  2. Here's one with multiple blocks. â†Šī¸Ž