通过notion vercel建立一个免费无服务器的blog
date
Mar 25, 2021
slug
notion-vercel-serverless-blog
status
Published
summary
通过notion vercel建立一个免费无服务器的blog
tags
blog
serverless
type
Post
URL
参考Github原作
https://github.com/craigary/nobeliumDuplicate一下这个模板,并发布(Share to Web)找到这个NOTION_PAGE_ID去Github Fork修改blog.config.js注册并激活Vercel,选择正确的仓库Build并发布自定义域名至此,访问nlog就可以看到notion blog了。
参考Github原作 https://github.com/craigary/nobelium
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd7e7a5e6-3c3e-4da8-9d5e-04c3953e3870%2Fmini__2021-03-25_at_09.54.52.png?table=block&id=ed8274de-fb66-4899-bea1-0019d0c77fd5&cache=v2)
Duplicate一下这个模板,并发布(Share to Web)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F03156715-7f55-46f3-ae05-e14bdbee0008%2Fmini__2021-03-24_at_23.44.53.png?table=block&id=05859ddb-da13-4919-b0fc-58f12214b63e&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fba8e02c3-7c91-4971-881f-e6bdd36191e5%2Fmini__2021-03-24_at_23.45.42.png?table=block&id=7f024810-6efe-4bf4-80cf-ea6cc1ca02a9&cache=v2)
找到这个NOTION_PAGE_ID
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F360719b1-3b4c-4de4-8764-d7ceed4a184d%2Fmini__2021-03-24_at_23.46.12.png?table=block&id=055797f0-de13-437b-b98f-69ebf5a0fc84&cache=v2)
去Github Fork
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb4211f37-9491-408f-b7c1-bb9afe9a27fe%2Fmini__2021-03-24_at_23.47.05.png?table=block&id=28b3d851-968b-4545-9ff0-ce841685cf09&cache=v2)
修改blog.config.js
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd58c534c-7fd8-4bff-a25e-ca1a2f0d6f2e%2Fmini__2021-03-25_at_09.54.36.png?table=block&id=13d38381-8885-4800-bd94-bc7a31c8847a&cache=v2)
注册并激活Vercel,选择正确的仓库
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd76a0a3a-5e1d-4fa5-a8cd-5e03989ecfec%2Fmini__2021-03-25_at_00.10.22.png?table=block&id=b7d5455c-18a7-41e7-9a27-7b4c124c7288&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ffa7df625-2945-4834-8c96-d22cfdcdd910%2Fmini__2021-03-25_at_00.10.27.png?table=block&id=7142f980-b1ab-4a79-a5c4-0b413ab8fc39&cache=v2)
Build并发布
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb0d7a6ba-4a01-423b-8d15-a77611fb7cf4%2Fmini__2021-03-25_at_00.18.53.png?table=block&id=03df0e76-5315-4884-8938-01cd5dc22553&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0b701666-ea75-42d6-8116-e55f14d9ef22%2Fmini__2021-03-25_at_00.20.02.png?table=block&id=ea6388ec-9246-4c6b-a87c-1db92acfc603&cache=v2)
自定义域名
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ffcdc5d50-3533-43af-86cb-9992f4b8da88%2Fmini__2021-03-25_at_10.10.34.png?table=block&id=3085c938-d370-4e83-84dc-b5d4d31fe7e4&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F23fefb35-4aad-4b64-8f1d-f8db85fa3b19%2Fmini__2021-03-25_at_10.16.04.png?table=block&id=cf0d24ac-5e21-4571-85a7-2388220a13e1&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F748391d6-1e78-42e3-a537-e0479a116269%2Fmini__2021-03-25_at_09.15.31.png?table=block&id=aef8c88d-33c1-4b69-ade8-512bb0bbd581&cache=v2)
至此,访问nlog就可以看到notion blog了。
一篇新文章写好之后,要记得发布
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7269ab1b-bceb-4c28-803b-0eb06da8eb9c%2Fmini__2021-03-25_at_10.18.14.png?table=block&id=853528c4-38fd-47c9-9356-58a41c695acb&cache=v2)