[test] Notion Renderer

Test page for notion-astro-loader and notion-rehype packages

Audio

Bookmark

http://example.com

Breadcrumb

Lists

  • lorem
  • ipsum
  1. lorem
  2. ipsum
  • bullet
  • lorem
  • checked
  • CAPS

Nested lists

  • lorem

    • ipsum

      1. lorem

        1. ipsum

          1. lorem

            • ipsum

              • lorem

                • ipsum

    • lorem

      • ipsum

        lorem

Callout

✅
Emoji

Icons

  • lorem

    • ipsum
Upload

Code

console.log("lorem ipsum")
JavaScript
printf("lorem ipsum");
C

Column list

2 Columns

0.5

0.5

0.25

0.75

3 Columns

0.33

0.33

0.33

0.X

0.Y

0.Z

4 Columns

0.25

0.25

0.25

0.25

5 Columns

0.2

0.2

0.2

0.2

0.2

Divider

Embed

Equation

e=mc2e=mc^2

File

lorem-ipsum.pdf
Upload
LoremIpsum.pdf
Embed link

Headings

Heading 1

Heading 2

Heading 3

Toggles

Heading 1 Toggle

Heading 2 Toggle

Heading 3 Toggle

Nested Toggles

Level 1

Image

Upload

jpg
png
webp
avif
gif

Mention

Database

writings

Date

2025-05-16

Page

[test] Notion Renderer

User

@Anonymous

Paragraph

All kinds of text styling options are supported. Basic text blocks are akin to HTML <p> tags. Text blocks also support a variety of rich text formatting options.

level 1

level 2

PDF

Upload

Quote

Lorem ipsum

  • lorem
  • ipsum
double quote

lorem ipsum

lorem

triple quote

Table

Plain

LoremIpsum
12
34

Column Header

LoremIpsumlorem
12A
34B

Row Header

LoremIpsum
12
34
AB

Table of contents

Video

Upload

mp4
mov
webm