#1. ログイン(Vercel)
https://vercel.com/new
#2. Import Git Repository
「Import Third-Party Git Repository →」を押下する。
#3. Import a Third-Party Git Repository
「https://github.com/ijjk/notion-blog.git 」と入力し,「Continue」を押下する。
#4. Select Vercel Scope
「PERSONAL ACCOUNT」>「Select」を押下する。
#5. Create Git Repository
「REPOSITORY NAME」を入力し,「Continue」を押下する。
#6. Import Project
① PROJECT NAME
重複しなければ,ブログのURLに使用される。
例: https://{{PROJECT NAME}}.vercel.app/blog
② Environment Variables(BLOG_INDEX_ID)
a.「NAME」に,「BLOG_INDEX_ID」と入力する。
b. Notionを開き,「Add a page」を押下し,「https://www.notion.so/ {{ページのタイトル}}-」以降のURLをコピーする。
c. 画面右上の「Share」>「Share to web」を押下する。
d. Vercelに戻り,VALUE (WILL BE ENCRYPTED) にペーストし,「Add」を押下する。
③ Environment Variables(NOTION_TOKEN)
a.「NAME」に,「NOTION_TOKEN」と入力する。
b. Notionを開き,右クリックし,「検証」の右上に表示される「Application」>「Strage」>「Cookies」>「https://www.notion.so 」>「token_v2」の「Value」をコピーする。
c. Vercelに戻り,VALUE (WILL BE ENCRYPTED) にペーストし,「Add」及び「Deploy」を押下する。
#7. Vercelに自動遷移
プロジェクトの「Visit」を押下し,上部の「Blog」からブログにアクセスできる。
#8. Notionで記事を作成
6 ②で追加したページを開き,表のPage列「Open」を押下し,記事を作成する。
※Publishedをチェックした記事のみブログで公開される。
#Reference
https://github.com/ijjk/notion-blog