English | ζ₯ζ¬θͺ
astro-notion-blog enables you to create a blog using Notion and generates it statically, resulting in lightning-fast page views.
- π Blazing fast page views
- π With the ability to write blog content in Notion
- π οΈ Customize your site's appearance to your liking
- β Take advantage of the official Notion APIs
![](https://private-user-images.githubusercontent.com/1063435/253799461-967bbc23-014c-427d-b6cd-02c41822fb45.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM3NjEwNDgsIm5iZiI6MTcyMzc2MDc0OCwicGF0aCI6Ii8xMDYzNDM1LzI1Mzc5OTQ2MS05NjdiYmMyMy0wMTRjLTQyN2QtYjZjZC0wMmM0MTgyMmZiNDUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTVUMjIyNTQ4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZjhkN2E3ZmM4MDM4YjQwNGRlZmJlZmU4ZDhkZWQ5MzY1ZDdjMzY0YzhhZDBlZDg5NjUyZmRlMjFhMDIyYzA2OCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.q-yuB34Q8N5NJbLOgQVPxzsQFigJWWkzYTGsDp6xqeo)
![](https://private-user-images.githubusercontent.com/1063435/253799542-bf1add06-1f1c-42ca-88c9-decb8c0dcf8f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM3NjEwNDgsIm5iZiI6MTcyMzc2MDc0OCwicGF0aCI6Ii8xMDYzNDM1LzI1Mzc5OTU0Mi1iZjFhZGQwNi0xZjFjLTQyY2EtODhjOS1kZWNiOGMwZGNmOGYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTVUMjIyNTQ4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDI3YjdjY2UwOWYzOGQ4M2ZkODYzMTZhNTYwMGFiZWZjYmU2M2M2ZWM5OWQwMWI3MmI0M2FiMTE0ZDcyNmE3NCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.YQZp7Ob3F88XnyPYJQve3or1AQejh3cbMYUC_bXTNJ4)
https://astro-notion-blog.pages.dev
- If you enjoy using this repo, don't forget to give it a star! π
- This is very motivating!
- Simply duplicate the blog template into your Notion workspace.
- Once you've duplicated the page (database), customize it to your liking by changing the icon, title, and description.
- For future reference, identify the
DATABASE_ID
by noting the portion of the duplicated page (database) URL that appears as https://notion.so/your-account/?v=xxxx.
- Create an integration and note "Internal Integration Token" as
NOTION_API_SECRET
- To integrate your application with Notion, share a database with your integration.
- To make a copy of this repository in your own account, fork it by clicking on the 'Fork' button in the top-right corner of the repository page.
- Go to Cloudflare Pages and sign in
- Create new project with "Connect to Git" with your forked repository
<your-account>/astro-notion-blog
, then click "Begin setup" - In "Build settings" section,
- Select "Astro" as "Framework preset"
- Open "Environment Variables (advanced)" and set
NODE_VERSION
,NOTION_API_SECRET
andDATABASE_ID
NODE_VERSION
isv18.16.0
or higher- How to deploy a site with Git is helpful
![](https://private-user-images.githubusercontent.com/1063435/239668196-bc1ceef1-d67a-490b-b465-34af1b0f8010.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM3NjEwNDgsIm5iZiI6MTcyMzc2MDc0OCwicGF0aCI6Ii8xMDYzNDM1LzIzOTY2ODE5Ni1iYzFjZWVmMS1kNjdhLTQ5MGItYjQ2NS0zNGFmMWIwZjgwMTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgxNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MTVUMjIyNTQ4WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NmVmYmViNzZhNzViN2JkOTE5YTg5ZjJmZjFhMDI2NjY1M2VlN2RlMDQ3Y2U5NGQ1NTgyOGQ1NDNjNjVjYWE4NCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.0Iq-ArA2qcFimy-AX-JADanlF9vLijGXlT_jWdwPJ1o)
- After clicking the 'Save and Deploy' button, your Notion Blog will be published once the deployment process is complete.
Please note that the astro-notion-blog requires manual deployment every time you publish a new post or make updates. You can deploy manually from the Cloudflare Pages dashboard or set up a scheduled deploy using CI tools such as GitHub Actions.
- Node.js v18.14.1 or higher
- To set your secrets as environment variables, run the following commands in your terminal:
export NOTION_API_SECRET=<YOUR_NOTION_API_SECRET>
export DATABASE_ID=<YOUR_DATABASE_ID>
- Install dependencies and start local server
npm install
npm run dev
- Open http:https://localhost:4321 in your browser
- Press
Ctrl+C
in the terminal to stop
See wiki.
To report an issue, please create a new Issue. You can use either English or Japanese to describe the issue. π
If you like astro-notion-blog, sponsor me so that I can keep on developing software. Thank you.
astro-notion-blog is based otoyo/notion-blog