使用Notion搭建个人博客
type
status
date
slug
summary
tags
category
icon
password
前言
在2023年初,我决定更换博客的托管方式,想找一个更加方便的方式。由于我是Notion的重度用户,于是我找到了NotionNext。
首先介绍一下 NotionNext。它是一个使用 NextJS + Notion API 实现的静态博客,支持多种部署方案。它无需服务器,搭建网站也非常容易。
我们将使用 Notion 作为存储文章的数据库,使用 Github + Vercel 作为管理和部署的工具,并使用 NotionNext 的代码渲染来展示我们的文章,创建一个博客网站。
那么,让我们开始吧!
📝 部署
前期准备
1、Fork NotionNext代码
先准备Github+Vercel的账号,先去往NotionNext在Github的库fork到自己的账户上

NotionNext
tangly1024 • Updated Nov 8, 2023
2、Notion复制模版
前往Notion Blog页面,点击复制副本按钮,把页面保存到自己的Notion

在保存页面的右上角,点击分享按钮,开启分享到网络,并复制网页链接贴到游览器地址窗口

在游览器地址窗口找到页面ID,具体参考下图:

这张图片是从官方教程复制的
开始部署
等待Github fork完,前往Vercel,添加新项目

找到NotionNext项目,点击Import按钮进行部署

点击Environment Variables(环境变量),并添加一个属性名称为NOTION_PAGE_ID,值为步骤一获取到的页面ID。

把之前准备步骤里的页面ID复制到Value上,点击Deploy进行部署
部署完成
当出现这个页面时候,整个部署已经完成了。点击Go to Dashboard前往网站的控制台

其他配置
绑定域名
在网站的控制台页面,找到Settings页面,

点击切换到 Domains 页面,输入域名并点击 add 按钮进行添加。添加成功后会出现域名解析所需的 IP 和服务器。前往域名管理页面,解析到指定地址即可。所有配置完成后,请耐心等待域名商进行解析。解析时间一般在 24 小时内生效,速度快慢不一。

所有步骤都已经完成,现在可以快速访问自己的博客了!