YerNotionic

YerNotionic is a static blog that updates in real time, synchronizing changes to Notion pages without rebuilding the deployment. It is forked from Notionic and has been improved in details compared to the original version, with the following modifications:

• Added automatic generation of slug
• Optimized generation of page titles
• Removed parts related to craft.io
• Improved adaptation to Utterances
• Fixed some fragmentary bugs on the UI

Demo

• Notionic: https://notionic.vercel.app
• YerNotionic (My Blog): https://blog.yer.xyz

Features

• Incremental static regeneration
• Outline
• Theme switch
• Multi-language
• Native style comments
• Loading and transition animation
• Block page support
• SEO and Open Graph optimization
• Weekly support
• Contact Form
• Telegram bot integration

Quick Start

• Duplicate Notionic template, and share it to the public
• Fork this project
• Customize blog.config.js file
• (Optional) Replace favicon.svg/png/ico in public folder with your own
• Modify lib/lang.js with your self introduction
• Deploy on Vercel, set following environment variables：
  • NOTION_PAGE_ID (Required): The ID of the Notion page you previously shared to the web, usually has 32 digits after your workspace address
  • eg: https://your-username.notion.site/<NOTION_PAGE_ID>?v=<view_id>
• Additional: The repo has a preset "workflow" for scheduled build, which requires a "Deploy Hook". This "Hook" is a link that needs to be generated in "Vercel" and written in the repo's secrets (the key of the repo secret is "VERCEL_HOOK")
  • eg: https://api.vercel.com/v1/integrations/deploy/prj_xxxxxxx/xxxxxxx?buildCache=false

Development

# Init
pnpm install
# Develop
./dev.sh
# Build & Serve
pnpm build
pnpm start

Reference & License

• Notion-X
• Nobelium
• NotionNext

The MIT License.