Turn Notion into a website with Super! (Comprehensive guide and template)
Published at : November 22, 2021
Checkout Super! https://s.super.so/red-gregory
The template in Notion: https://www.notion.so/redgregory/Blog-Starter-Template-1998043455124bf1a8bad2395235d392
Example website: https://redgregory.me/blog-template
Super documentation: https://docs.super.so/
Minimal icons for your website: https://super.so/icons
Duplicate the Super website builder: https://superhq.notion.site/superhq/Super-Builder-da97e30b9afc4d8995ae47f277252642
Theme gallery: https://superhq.notion.site/Themes-4912e336045b4857b26709eafa8c07d0
More resources: https://superhq.notion.site/Resources-f3a881dc209f4f5ab53590aa6d6d58ae
CSS helper: https://www.w3schools.com/css/default.asp
Notion widgets: https://indify.co/
My Twitter: https://twitter.com/RedGregory1
My Notion Blog: https://www.redgregory.com/
Timestamps:
0:00 - Intro
0:45 - Blog template in Notion
1:46 - Blog template Properties
2:28 - Category database: Organize blog posts
3:24 - Generate blog index for each category
4:04 - Blog database template
4:30 - Blog homepage and synced block nav bar
6:22 - Super website example
6:57 - Super's website builder
9:03 - How to setup a Super website
10:32 - Super page management
11:05 - Super themes & navigation
13:42 - CSS tips: background & text
15:05 - How to find CSS components
16:26 - CSS tips: adjust Callout
17:44 - CSS tips: font size
18:12 - CSS tips: adjust Quote
19:25 - CSS tips: hide singular Block
20:30 - Outro
#notion #super #blog
The template in Notion: https://www.notion.so/redgregory/Blog-Starter-Template-1998043455124bf1a8bad2395235d392
Example website: https://redgregory.me/blog-template
Super documentation: https://docs.super.so/
Minimal icons for your website: https://super.so/icons
Duplicate the Super website builder: https://superhq.notion.site/superhq/Super-Builder-da97e30b9afc4d8995ae47f277252642
Theme gallery: https://superhq.notion.site/Themes-4912e336045b4857b26709eafa8c07d0
More resources: https://superhq.notion.site/Resources-f3a881dc209f4f5ab53590aa6d6d58ae
CSS helper: https://www.w3schools.com/css/default.asp
Notion widgets: https://indify.co/
My Twitter: https://twitter.com/RedGregory1
My Notion Blog: https://www.redgregory.com/
Timestamps:
0:00 - Intro
0:45 - Blog template in Notion
1:46 - Blog template Properties
2:28 - Category database: Organize blog posts
3:24 - Generate blog index for each category
4:04 - Blog database template
4:30 - Blog homepage and synced block nav bar
6:22 - Super website example
6:57 - Super's website builder
9:03 - How to setup a Super website
10:32 - Super page management
11:05 - Super themes & navigation
13:42 - CSS tips: background & text
15:05 - How to find CSS components
16:26 - CSS tips: adjust Callout
17:44 - CSS tips: font size
18:12 - CSS tips: adjust Quote
19:25 - CSS tips: hide singular Block
20:30 - Outro
#notion #super #blog

NotionSuperNotion blog