Image Rendering

• Step 1:- Type /image where you want to add image

  

• Step 2:- Select the embed link option from the Image menu.

  <aside> 💡 Add the image anywhere in the document by using the embed link option. Do not upload the image from your local system. Reason:- For the image provided by the link notion will keep the link to that image the same provided by you which can be then be used to show the image on the website. While if you add by the local system notion will create the temporary link which will be expired every 2-3 seconds. So the image will become corrupted on the website frequently.

  </aside>

  

• Step 3:- Provide the link to the image.

Supported Blocks

There are many types of styles supported by the notion, Website is developed in a way to support most of the styles. Some of the styles/formattings are:-

• Headings:- These can be used to show the titles/subtitles. To make the heading type /heading1, /heading2 or /heading3. These will be displayed as on the website:

• Bullet points:- These can be used to list out information. To make the bullet list type /bullet. This will be displayed as on the website:

  

• Callout:- This can be used to show any important point. To make the Callout type /callout. This will be displayed as on the website:

  

• Quote:- To make the quote type /quote. This will be displayed as on the website:

  

• Divider:- This can be used to divide the page into parts. To make use of the divided type /divider. This will be displayed on the website as:

  

• Font Styles:- Most of the basic styling is supported on the website. To apply the styling to the font select the font & choose the style. Supported styles:

  • Link
  • Bold
  • Italics
  • Underline
  • Code

<aside> 💡 While I have tried to cover the most important but if you see any style/block that you think will be useful. Comment on top of this page with my tag i.e. @Anurag Gupta

</aside>