Notion Next部署个人博客type
status
date
slug
summary
tags
category
icon
password
NotionNext是一个完全开源免费的建站脚本，将Notion笔记实时渲染成博客
🅱️ 背景介绍
博主之前尝试的博客搭建方式有很多，包括部署在gitpage、giteepage、vps上，尝试过hexo、halo、WordExpress，部署在服务器上问题有以下几点：
- 服务器成本
- 文章编辑不够直接
- 文件转移备份繁琐
之前就有了解过notion可以发布在网络上，同时notion在日常笔记学习的过程中使用的也很多，教育邮箱也可以免费使用部分高级功能，原先博客文章等待后续转移，使用Notion的优点有很多，编辑简单，多端同步，成本为零。
📝 搭建步骤
- 复制Notion模板 打开下面的模板,登录Notion，点击右上角复制。
- 获取页面ID 打开Notion笔记：在页面右上角的菜单栏中，依次点击Share→Published→Share To Web，开启页面分享，获取共享链接，点击右上角 Share ，在弹出窗口中点击 Publish → Share to web ，复制share链接，页面ID在您的共享链接中、域名中间的一串32位字母与数字，请将您的页面ID记录下来，后续需要用到。
举例共享链接，其中标红加粗下划线部分才是页面ID！要忽略?v=后面的英文数字。 https://www.notion.so/tanghh/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d 👇我的页面ID 是 02ab3b8678004aa69e9e415905ef32a5
- fork Github仓库 打开fork仓库链接，登录github账号，fork仓库。
- Vercel部署 点击创建新项目，找到刚刚fork的Notionnext， 点击Environment Variables，添加环境变量： NAME:NOTION_PAGE_ID VALUE:02ab3b8678004aa69e9e415905ef32a5 点击Deploy，等待大概两分多钟。
- 成功部署，后学可以选择绑定自己的域名
🤗 常见问题
发现写完文章之后没有能够同步显示到网站上
原因：可能是没有添加环境变量Notion文档ID；可能是浏览器缓存，建议打开浏览器无痕模式查看是否更新成功。
📎 参考链接
如何使用Notion编写文章
请访问教程获取帮助
模板使用说明
NotionNext项目必须绑定一个Notion数据库才能使用。请访问教程获取帮助
模板字段说
Notion数据库中，每条数据都将有以下属性🤔：
属性 | 必填 | 说明 | 备注 |
title | 是 | 文章标题 | ㅤ |
status | 是 | 发布状态 | （仅当状态为 Published 时会被 展示） |
type | 是 | 页面类型 (博文 Post / 单页(Page) | 单页不会在博文列表显示 。 |
summary | 否 | 内容摘要 | 搜索和简略显示会用到，在文章列表会显示出 |
date | 否 | 发布日期 | 在V3.3.9之前的版本此项为必填。 |
category | 否 | 文章分类 | 可以自定义 |
tags | 否 | 文章标签 | 可多个，建议不要太多 |
slug | 否 | 文章短路径 | (每篇文章唯一，请勿 重复） |
icon | 否 | 菜单栏图标(仅当 Page/Menu类型有效) | 可以参考：图标库地址 |
password | 否 | 文章加锁 | 需要输入密码才允许访问 |
数据库的每一列有不同的功能；
type： 这条数据的类型 ，有 notice(公告)、post(文章)、page(单页)、menu(菜单)、submenu(子菜单)这几种类型。
slug ，根据数据类型，有不同的作用：- 在菜单(Menu\SubMenu)中表示跳转到哪个页面， 在文章中表示这篇文章在博客中的访问地址、也可以是外链。通常以左斜杆开头：
/test-menu对应访问 → https://站点域名/testmenu。也可以设置成完整的外链，例如https://tangly1024.com。
- 在单页中（Page）, 表示这个页面在站点根目录的文件名。不要以左斜杆开头: 例如
test-page→ 对应 https://站点域名/test-page。
- 在博文中(Post)，也表示文件路径，但是博文会自动添加一个前缀。例如:
test-post则可以通过 https://域名/article/test-post访问到这个博客，这里的article是默认配置的前缀。
- Author:Ryan
- URL:https://zrdm.eu.org//article/guide
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
