My first Notion based blog

Jan 10, 2022

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, , and can even be used to add super indexes with a footnote reference.

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!



One table with example data

column 1as a header
cd
ef
💡Callouts are supported! But Notion’s API does not retrieve it’s color...
📝Now Notion’s API does support block background colors – they were not back when we wrote the above callout

Todo list

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.

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'
Fichero X.tsx

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

Columns

should also


Be part of what you render

Related


Footnotes

  1. Footnotes reference numbers have to be manually updated! 👀