type
status
date
slug
summary
tags
category
icon
password
一、使用工具及平台
NotionNext
NotionNext的愿景是帮助非技术人员的小白，最低成本、最快速地搭建自己的网站，帮助您将自己的产品与故事高效地传达给世界。
NotionNext是基于NextJS框架开发的免费开源的Notion建站工具。它将您的Notion笔记实时渲染成静态博客站；您无需购买服务器，只要一个笔记即可搭建完全属于您自己的独立网站，让您与全世界建立连接！
vercel.com
vercel应该不需要介绍了；Vercel 是一个免费的 云服务平台，支持静态网站和动态网站的应用部署、预览和上线。如果你用过 GitHub Pages ，那么心里可能不会太陌生，但你也能通过 vercel 集成 GitHub 后后，在 GitHub 项目进行代码推送，达到自动部署的目的，并且你不需要考虑服务器问题。
Github.com
GitHub是一个软件源代码托管平台，同时也是最大的开源应用社区之一。
二、站点部署步骤
本站点部署只需三步，分别是：
- 复制Notion模板
- 复制Github源代码
- 在Vercel中一键部署
1、复制Notion模板
1.请先注册登陆您的Notion账号。
2.点击下方链接，打开模板
3.在右上角点击Duplicate复制模板，如图所示。点击后会将这个博客数据模板复制到您的笔记空间中。
点击右上角的Duplicate，将模板复制到您的笔记中
中文版，点击右上角“重复”按钮；一键复制
4.获取页面ID（英文版）
- 在Notion笔记中：在页面右上角的菜单栏中，依次点击Share→Published→Share To Web，开启页面分享，获取共享链接
- 如下图所示，点击右上角 Share ，在弹出窗口中点击 Publish → Share to web (点击展开截图)
- 复制页面ID
- 如下图所示：
- 页面ID提取
复制页面链接、链接域名中间的一串32位字母与数字。
例如页面链接地址：
https://www.notion.so/tanghh/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d
👇则页面ID 是
02ab3b8678004aa69e9e415905ef32a5
❓请将您的页面ID记录下来，在步骤三会用到。
2、复制Github源代码
- 请先注册并登陆Github账号，
- 仅需点击下方链接，即可一键Fork(复制)项目。
3、Vercel部署
1.登陆账号
注册登陆Vercel ，这里推荐选择Github账号登录。
2.导入代码
- 点击下方创建新项目
- 在代码仓库列表中选择导入NotionNext
点击导入您的NotionNext项目
！注意：先添加页面ID变量；然后再点击页面上的Deploy按钮，具体请看下方教程。
3.配置页面ID
- 点击Environment Variables（环境变量），并添加一个属性名称为
NOTION_PAGE_ID，值为步骤一获取的页面ID。
例如，我的页面ID是：
02ab3b8678004aa69e9e415905ef32a5，则配置如下：属性名称 Name | 属性值 Valve |
NOTION_PAGE_ID | 02ab3b8678004aa69e9e415905ef32a5 |
左侧填写 NOTION_PAGE_ID ， 右侧填写 页面ID的值
填写后要点击右边的
Add按钮确认添加- 点击
Deploy按钮，静候两分钟等待部署。
点击Deploy进行自动部署
4.绑定域名
vercel项目生成后会自动分配一个二级域名，但是国内无法直接访问；我们在项目页面点击“settings”—Domains—“Add”;添加自有域名，然后去域名注册商处修改域名解析。重定向可以选301永久重定向至分配的二级域名。
绑定成功后就可以使用自己的域名直接访问博客了，比如我的地址：我的博客
- 作者:Kim
- 链接:https://blog.aizhp.com//article/example-1
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
