4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Notionでブログを作る(Notion Blog)

Last updated at Posted at 2021-01-29

#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」をコピーする。
無題.png
 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

4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?