Rich Content

This article offers a sample of basic Markdown formatting that can be used in Yore, also it shows how some basic HTML elements are decorated.

Paragraph

Hi, This is a double-space new line.
Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur (This is a double line-break new line).

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Blockquotes

Xerum, quo qui aut unt expliquam qui dolut labo.

Tables

Name	Age
Bob	27
Alice	23

Code Blocks

General code block

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Example HTML5 Document</title>
  </head>
  <body>
    <p>Test</p>
  </body>
</html>

Code block with title and line highlight

example.html
 1<!DOCTYPE html>
 2<html lang="en">
 3<head>
 4  <meta charset="utf-8">
 5  <title>Example HTML5 Document</title>
 6</head>
 7<body>
 8  <p>Test</p>
 9</body>
10</html>

List

First item
Second item
Third item
- Item 1
- Item 2
  - Item 2-1
    - Item 2-1-1
      - Item 2-1-1-1

sub, sup, kbd, mark

H₂O
Xⁿ + Yⁿ = Zⁿ
Ctrl + C, Enter
Hello world!

Images

![qwe](img/animated-webp-supported.webp "[Source](https://mathiasbynens.be/demo/animated-webp)")

Markdown attributes is also supported, for example:

![qwe](img/animated-webp-supported.webp "[Source](https://mathiasbynens.be/demo/animated-webp)")
{class="center-img center-cap"}

Note that Markdown attributes require configuration of the Goldmark renderer.

Col shortcode

col shortcode allows you to create flexible multi-column layouts with custom widths and optional responsive behaviors.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.

Sed¹ ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Admonitions (Alerts)

Github Alerts

Note

Highlights information that users should take into account, even when skimming.

Tip

Optional information to help a user be more successful.

Important

Crucial information necessary for users to succeed.

Warning

Critical content demanding immediate user attention due to potential risks.

Caution

Negative potential consequences of an action.

Docusaurus Admonitions

Note

Highlights information that users should take into account, even when skimming.

Tip

Optional information to help a user be more successful.

Info

Crucial information necessary for users to succeed.

Warning

Critical content demanding immediate user attention due to potential risks.

Caution

Negative potential consequences of an action.

One liner

Custom Icon + Fold

Content

eqwdasd ↩︎

Rich Content

Series: Documentation

Paragraph

Blockquotes

Tables

Code Blocks

List

sub, sup, kbd, mark

Images

Col shortcode

Admonitions (Alerts)

Posts referencing this article

Series: Documentation