DATA-WORLD-BLOG

Setting easy-notion-blog

👤horomi

We have hastily prepared an English version of this explanation in the hope that people overseas will enjoy using easy-notion-blog.

The detailed explanation will be written in Japanese, so if anyone wants to read it using a translation tool, please let me know.

The developer of this software is Alpaca teacher.

I (horomi) am in charge of managing a community of people who use this software.

Settings for display in the browser

Outline

  1. Importing NotionDB templates
  2. Setting Notion API
  3. Setting Server(Vercel)

image block

https://github.com/otoyo/easy-notion-blog#quick-start

When you import the Notion DB, your Notion will create a DB like this one.

image block

DB columns have various meanings, so please refer to the description of database properties first.

You can also enjoy submitting articles without changing the design.

Preparing to modify

Use software that allows you to edit the program's code.

In the explanation, I use a software called VSCode.

Outline

image block

https://github.com/otoyo/easy-notion-blog#how-to-customize

Fork GitHub repository(otoyo/easy-notion-blog) from “Fork” button

image block
Fork button

Add "DATABASE-ID" and "NOTION_API_SECRET" registered in vercel to VSCode as well.

image block
.env.local

Install dependencies and start local server.

image block
If you do this, you'll lose the red code.
image block
⚠️
Articles that are not checked in the publish column of the Notion DB will also be displayed.
image block

Reflect the modified content on the production page.

Sorry for the Japanese commentary article. Please refer to the command section, the English section, and the image section.

If you are able to PUSH the modified COMMIT to your repo, then reconnect the vercel.

image block

Congratulation🎉

You could create your own blog.

Update Notice

The developer, Alpaca teacher(@otoyo), will report the changes to the Twitter community.

You can also interact with members using easy-notion-blog. If you are interested, join us.

Let's create a fun blog together!