Title

I recently included notion in my website’s stack as a headless CMS. This is an example blogpost that shows some of blocks that are supported, and how so.

Subtitle

All Notion supported titles (H1, H2 and H3) are linked with a reference so you can share specific sections of the article. Look out for an upcoming table of contents 🙄

Text styles

Text styles are all supported and translated to their corresponding representation on the website.

Equations

Inline equations (not Tex) also work, E = mc^2.

However, footnotes are also available ¹

Links

miguelalcalde.com

Lists

Nested bullet lists

• Unordered
• item
  • number
    • three

Nested numbered lists

1. First point
2. Secondly...
   1. a
   2. b
      1. this is 1 in roman numbers
      2. If I keep on
         1. What happens here?
            1. And here?
            2. noop

Can mixed lists also work?

1. This is the first
   • Test I do
   • Where I check
2. Wether or not
   • Nested lists
   • Do work
3. And they Do!
   1. Yay!

Todo list

• Groceries
• Review tomorrow’s presentation

  • Check grammar and spelling

  • Remove old slides

    • Do other stuff

  • Then do this stuff

You can try checking or unchecking these ☝️ in the website interface – it won’t work! Ha! Why would you want it to anyways? This is a static page.

One table with example data

Quotes

Let’s quote something someone said!

If you really want to escape the things that harass you, what you’re needing is not to be in a different place but to be a different person

― Lucius Annaeus Seneca, Letters from a Stoic

Here is some inline code and following a simple code block. (And it’s caption to indicate the file name 💪)

SELECT *
FROM `my_table`
WHERE owner = 'miguel'

Images

Link to pages

You can also link to pages inline Mi primer blogpost desde Notion as well as in one block:

Mi primer blogpost desde Notion

More block types not yet shown above — with examples

These examples demonstrate additional Notion blocks that weren’t used earlier on this page.

Table of contents

Divider

Two Columns

Left column

Some text and a list:

• Alpha
• Beta

Right column

1. One
2. Two

Three Columns

This is one column

This is column two

This is column three

Toggles

A simple toggle Hidden content inside a regular toggle.

Toggle heading 3

This is inside a toggle heading.

Equation block

Related

• Mi primer blogpost desde Notion 🇪🇸