Noxionite applies glassmorphism design throughout the entire site.
1. Default Background
If there are no other images, it uses
public/default_background.png to display the background.
2. Hero
If routed to the homepage, it displays images or videos from
public/hero-assets/ as the background.You can change the Hero by modifying
heroAssets in site.config.ts. If you leave the value below empty, no Hero will be created.heroAssets: [ { type: 'video', src: '/hero-assets/noxionite-shiny.mov', url: 'https://bit.ly/alemem64', content: { ko: { title: 'Noxionite', description: 'Notion으로 만드는 가장 아름다운 블로그' }, en: { title: 'Noxionite', description: 'Your Notion pages, reborn as a stunning blog.' } } }, ],
2.1. Instagram Story-style Progress Bar
You can display multiple media by listing multiple elements in heroAssets.
2.2. type (Required)
Set to
'video' for videos and 'image' for images.2.3. src (Required)
Enter the file path of the media. Omit
public/ and start from hero-assets/.Most file extensions are supported.
2.4. url (Optional)
You can enter a URL to route to with the 'Learn More' button in the bottom right.
2.5. content (Optional)
List by
locale.3. Notion Pages
You can change the background by uploading a cover image to your Notion page. Social images for SNS sharing are also automatically generated based on the cover image. If you turn on
Use Original Cover Image, the original cover image will appear instead of the social image.4. Dark Mode / Light Mode
It automatically detects the user's settings and switches modes accordingly.
5. Responsive Design
Provides all features perfectly on mobile devices as well.
