Supported Blocks

Block Type	Supported	Block Type Enum	Notes	Status
Page	✅ Yes	`page`	ㅤ	✅
Text	✅ Yes	`text`	Supports all known text formatting options	✅ some type didn’t support it yet, but already support all on typography page
Heading 1	✅ Yes	`header`	`<h1>`	✅
Heading 2	✅ Yes	`sub_header`	`<h2>`	✅
Heading 3	✅ Yes	`sub_sub_header`	`<h3>`	✅
Bulleted List	✅ Yes	`bulleted_list`	`<ul>`	✅
Numbered List	✅ Yes	`numbered_list`	`<ol>`	✅
Quote	✅ Yes	`quote`	ㅤ	✅
Divider	✅ Yes	`divider`	Horizontal line	✅
Callout	✅ Yes	`callout`	ㅤ	✅
Column	✅ Yes	`column`	ㅤ	✅
Todos (checkboxes)	✅ Yes	`to_do`	ㅤ	✅
Toggle	✅ Yes	`toggle`	`<details>`	✅
Table Of Contents	✅ Yes	`table_of_contents`	See `notion-utils` `getPageTableOfContents` helper funtion	✅
Equation (block)	✅ Yes	`equation`	katex via react-katex	✅
Equation (inline)	✅ Yes	`text`	katex via react-katex	✅
Link	✅ Yes	`text`	External links	✅
Page Link	✅ Yes	`page`	Link to a notion page in the same workspace	✅
External Page Link	✅ Yes	`text`	Links to a notion page or collection view in another workspace	✅
Bookmark	✅ Yes	`bookmark`	Embedded preview of external URL	✅
Image	✅ Yes	`image`	`<img>`	✅
Video	✅ Yes	`video`	`iframe`	✅
Figma	✅ Yes	`figma`	`iframe`	ㅤ
Embed	✅ Yes	`embed`	Generic `iframe` embeds	✅
Tweet	✅ Yes	`tweet`	Uses the twitter embedding SDK	ㅤ
Google Maps	✅ Yes	`maps`	`iframe`	ㅤ
Google Drive	✅ Yes	`drive`	Google Docs, Sheets, etc custom embed	ㅤ
PDF	✅ Yes	`pdf`	Uses S3 signed URLs and react-pdf	ㅤ
File	✅ Yes	`file`	Uses S3 signed URLs (generic downloadable file)	✅
Audio	✅ Yes	`audio`	Uses S3 signed URLs and HTML5 `audio` element	✅
Code (block)	✅ Yes	`code`	Block code syntax highlighting via prismjs	✅
Code (inline)	✅ Yes	`text`	Inline code formatting (no syntax highlighting)	✅
Collections	✅ Yes	ㅤ	Also known as databases	✅
Collection View	✅ Yes	`collection_view`	Collections have a 1:N mapping to collection views	✅
Collection View Board	✅ Yes	`collection_view`	`type = "board"` (kanban view)	✅
Collection View List	✅ Yes	`collection_view`	`type = "list"` (vertical list view)	✅
Collection View Gallery	✅ Yes	`collection_view`	`type = "gallery"` (grid view)	✅
Collection View Table	✅ Yes	`collection_view`	`type = "table"` (default table view)	✅
Collection View Calendar	❌ Missing	`collection_view`	`type = "calendar"` (embedded calendar view)	❌

Typography

Text colors

default

gray

brown

orange

yellow

green

blue

purple

pink

red

Text backgrounds

default some text

gray some text

brown some text

orange some text

yellow some text

green some text

blue some text

purple some text

pink some text

red some text

Heading1

Heading2

Heading3

Bullet List

bullet one

bullet two

bullet three

Numbered List

number one

number two

number three

Nested

number one

number one
number two
number three

number two
number three

Quote

Vestibulum id ligula porta felis euismod semper.

Divider

Callouts

To create a column in Notion you have to drag a block and drop it at the end of another block

colored callout block

nested call out

number one

number one
number two
number three

number two
number three

Columns

You can also layout your contents in Notion columns

Column 1

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Column 2

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Column 3

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Todo

ewe

Toggle

eqweqwwe

ewqeqwe

Equations

Mathematical equations using LaTeX syntax.

\text{E} = \text{mc}^2

\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

\frac{d}{dx}\left( \int_{0}^{x} \text{f}(\text{u})\,\text{du}\\text{right})=\text{f}(\text{x})

Inline equations also work: $x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$

Links

You can create link on Notion by simply selecting the text you want to create the link on and clicking "link"

Here is an example link.

Mentions

You can also mention people the same way as pages: Hongbeom

Currently mentions in BlogPro link to nothing, in the future you will be able to link to the use the custom link.

Inline Pages

References to other pages within your workspace.

Example Sub-page Another Page Reference

Creates links to other Notion pages with:

Page title

Icon (if set)

Link functionality

Preview on hover

Bookmarks

If you want something more visible, you can also create a bookmark block

BlogPro - Notion to Blog in seconds

Notion to Blog in seconds

https://blogpro.so/

피엔티 베르베린 500, 60정, 1개

쿠팡에서 피엔티 베르베린 500, 60정, 1개 구매하고 더 많은 혜택을 받으세요! 지금 할인중인 다른 기타건강식품 제품도 바로 쿠팡에서 확인할 수 있습니다.

https://link.coupang.com/a/cKZIYL

Images

BlogPro supports image caption

Video

From youtube

You can embed videos from youtube, simply by pasting the youtube url on Notion and clicking "Embed video"

Video file

You can also embed a video dropping a local file on Notion.

Gif file

BlogPro supports GIFs as well (keep in mind GIFs are more heavy than videos and videos are always preferred.

Embed

BlogPro will embed external sites with an iframe with same aspect ratio as in notion

Google Maps embed

{"id":"2b65d6b9-cbb5-8089-87db-f9c20f56fc79","version":18,"type":"maps","properties":{"source":[["https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d202405.34241565317!2d126.97413929999999!3d37.56487609999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca28b61c565cd%3A0x858aedb4e4ea83eb!2sSeoul!5e0!3m2!1sen!2skr!4v1764036766359!5m2!1sen!2skr"]]},"format":{"display_source":"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d202405.34241565317!2d126.97413929999999!3d37.56487609999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357ca28b61c565cd%3A0x858aedb4e4ea83eb!2sSeoul!5e0!3m2!1sen!2skr!4v1764036766359!5m2!1sen!2skr","block_full_width":false,"block_page_width":true,"block_preserve_scale":false},"created_time":1764036809583,"last_edited_time":1764036984783,"parent_id":"25b5d6b9-cbb5-8002-8582-e741ea6353f3","parent_table":"block","alive":true,"space_id":"152bab16-aaf1-4e91-9ab6-8fc71a53b1e7","crdt_format_version":1}

Google Drive

Github gist

Synced Block

A BlogPro site should be a table database on Notion, each row represents a blog post. BlogPro uses the page database properties to attach information about a blog post: