Notion部落格 - Part 2

🍪 Part 2 要來創建專案和Repo

並將其放到Vercel 上線囉！

首先必須準備好

一個Github帳號，並登入Vercel！

還有BLOG_INDEX_ID和NOTION_TOKEN。

有了這些條件才可以繼續建立下去

接著點Browse All Templates

接著找到Notion-backed Next.js Blog

進去之後點擊Deploy

接下來填寫完以下資料

最後Deploy，就會得到Building 失敗🤣

這是因為還有些程式碼和設定需要修改，

接下來就讓我們先看一看Vercel中的設定，

只需要把Preview打開即可，

要記得BLOG_INDEX_ID和NOTION_TOKEN都需要打開！

接著我們來到程式碼中，

首先找到package.json然後將以下程式碼修改一下

把export NODE_OPTIONS=--openssl-legacy-provider;

這一段加入到dev和build中就可以正常打包和開發了！

"scripts": {
    "dev": "export NODE_OPTIONS=--openssl-legacy-provider; next dev",
    "start": "next start",
    "build": "export NODE_OPTIONS=--openssl-legacy-provider; next build && node .next/server/build-rss.js",
    "format": "prettier --write \"**/*.{js,jsx,json,ts,tsx,md,mdx,css,html,yml,yaml,scss,sass}\" --ignore-path .gitignore",
    "lint-staged": "lint-staged"
  },

改完後推上github就可以了！

推上GitHub之後Vercel就會自動開始跑Preview 打包了，

打包之後只需要點擊Premote to Production，

這樣子就可部署到正式環境中囉！

最後只需要回到主控畫面，

並點擊Visit就可以看到我們所建立的部落格了🥳

耶嘿！恭喜大家完成自己的部落格！

接下來就看大家如何修改自己的部落格，

把自己的部落格在慢慢的改成自己喜歡的樣子✌️

作者連結