Jan 15, 2022

Example post

In this blog post, you can play around with different Notion blocks to test if they get synced to Webflow properly.


https://docs.whalesync.com/features/additional-features/notion-page-sync

paragraph


Hello! This is a paragraph that showcases the different text styles that are available in this document.

You can make text bold.

To make text italic, you can use the italic style.

To underline text, you can use the underline style.

To strikethrough text, you can use the strikethrough style.

We also can present code styles: var num = 1;

Finally, to create a link, you can use the link style.

You can combine these styles to create rich and interesting text!


In addition to these styles, you can also change the color of your text. The available colors are gray, brown, orange, yellow, green, blue, purple, pink, and red.

Also available as background colors: gray, brown, orange, yellow, green, blue, purple, pink, and red.



It supports block with children too

Testing a quote block




  1. list 1

  2. list 2

  3. list 3


A block between. Should clean reset list counter


  1. List Item

  2. List Item





  • list item 1

  • list item 2

  • list item 3



This is a heading 1

This is a heading 2

This is a heading 3


This is a toggle heading 1

This is a toggle heading 2

This is a toggle heading 3



this is a katex inline equation 1. style 1 $2x =2 \mathcal{C} \mathfrak{c}$

  1. style two \( x =2 \mathcal{C} \mathfrak{c}\)

and this is a katex block equation

style 1 (PITA with notion)

$$2x =2 \mathcal{C} \mathfrak{c}$$

style 2

\[ 2x =2 \mathcal{C} \mathfrak{c}\]


style 3

\{{ 2x =2 \mathcal{C} \mathfrak{c} \}}


vanilla notion equations do not work

2x = 2 \mathcal{C} \mathfrak{c} this is an inline equation

this is an integral


Need to use spaces as code indentations and manually do syntax highlighting


Header 1

Header 2

Header 3

Cell 11

Cell 12

Cell 13

Cell 12

Cell 22

Cell 23


Image from file


Image from URL


Gif uploaded to Notion



Figma embed from URL


Figma embed from embed script


YT https://www.youtube.com/watch?v=O7DpooCF2OI


YT with autoplay https://www.youtube.com/watch?v=O7DpooCF2OI&autoplay=1


YT embed with autoplay & mute https://www.youtube.com/embed/O7DpooCF2OI&autoplay=1&mute1


YT short link https://youtu.be/sU010R6T0ak


Giphy


Gfycat


Vimeo https://vimeo.com/841341290


MOV (60 MB) upload


MP4 (1 MB) upload