Notion部落格 - Part 1

🥳 介紹如何使用Vercel中的模板

快速建立一個關聯Notion、GitHub的部落格

創建其實還算是簡單，但一般來說創建之後都會，在慢慢的改成自己風格的樣子，所以我認為有些基礎能力是需要具備的

1. 基礎三件套 html、css、js
2. React.js 和 Next.js

當然如果只是純粹想要個部落格，那也肯定是綽綽有餘。

就讓我們開始吧！

首先我們需要建立一個Notion來做為我們的部落格資料庫，並運用其強大的編輯器作為我們的編輯器！

然後將Properties設定成以下表格，括弧中的為Properties的type

Page(Title)、Slug(Text)、Published(Checkbox)、Date(Data)、Authors(Person)

接下來分別講解一下這每個的作用分別為何：

Page為文章的標題，這應該沒什麼大問題！

Slug為網址後面的路由(下圖紅色的部分)

Published為是否發布公開在部落格中，

Date為發文日期，最後的Authors則是作者。

接下來在Notion還有兩個重要的部分，

分別是取得BLOG_INDEX_ID和NOTION_TOKEN，

他們是取得部落格文章的關鍵，在下一階段必須用到！

❗重要提醒他們是取得文章資料的重要關鍵❗

❗要小心別暴露於Github或是給他人知道❗

第一步是BLOG_INDEX_ID

在Notion剛剛創建的Blog頁面中按下“F12”將網頁的檢查給叫出來

然後照著以下五步驟取得page.id，而此id就是我們的BLOG_INDEX_ID

id拿到後，接著我們來去尋找NOTION_TOKEN！

也非常簡單在檢查中Cookies 可以找到token_v2，那就是我們在找的NOTION_TOKEN

❗要注意第五步驟一定要打勾否則之後會出現錯誤❗

這樣就完成在Notion端所有的步驟了！

應該還算是輕輕鬆鬆對吧😆

再來把Part2也照做一遍，

這樣就獲得了一個擁有強大編輯器，

且輕鬆管理的部落格囉🎉

作者連結