Markdown Examples

Anastasia,•web development
Back

Markdown Examples

mermaid图表

graph TD;
subgraph AA [Consumers]
A[Mobile app];
B[Web app];
C[Node.js client];
end
subgraph BB [Services]
E[REST API];
F[GraphQL API];
G[SOAP API];
end
Z[GraphQL API];
A --> Z;
B --> Z;
C --> Z;
Z --> E;
Z --> F;
Z --> G;

LaTeX example

The 毕达哥拉斯方程Pythagorean equation: a=b2+c2a=\sqrt{b^2 + c^2}.

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

Emphasis

This is bold text

This is italic text

Strikethrough

Blockquotes

Develop. Preview. Ship. – Vercel

Lists

Unordered

Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa

Code

Inline code

export default function Nextra({ Component, pageProps }) {
  return (
    <>
      <Head>
        <link
          rel="alternate"
          type="application/rss+xml"
          title="RSS"
          href="/feed.xml"
        />
        <link
          rel="preload"
          href="/fonts/Inter-roman.latin.var.woff2"
          as="font"
          type="font/woff2"
          crossOrigin="anonymous"
        />
      </Head>
      <Component {...pageProps} />
    </>
  )
}

Tables

OptionDescription
FirstLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
SecondLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
ThirdLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Links

Footnotes

and multiple paragraphs.

Footnotes

  1. Footnote can have markup ↩

  2. Footnote text. ↩