type
status
date
slug
summary
tags
category
icon
password
😀
这篇文章用来记录自己搭建博客的步骤，避免之后会忘记

📝 主要步骤

一.创建Notion页面

复制模版

a）请先注册登陆您的Notion账号

b）点击下方链接，打开模板

Notion Blog一个NotionNext搭建的博客https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5

c)在右上角点击Duplicate复制模板，如图所示。点击后会将这个博客数据模板复制到您的笔记空间中

notion image

获取页面ID

a)在Notion笔记中：在页面右上角的菜单栏中，依次点击Share→Published→Share To Web，开启页面分享，获取共享链接,如下图所示，点击右上角 Share ，在弹出窗口中点击 Publish → Share to web (点击展开截图)

notion image

b)复制页面ID

页面ID在您的共享链接中、域名中间的一串32位字母与数字。
notion image
❓
请将您的页面ID记录下来，在步骤三会用到。

二、复制源代码

👉🏻
注意，请不要使用qq邮箱等国内邮箱，尽量使用hotmail或gmail等国际邮箱，否则下一步登陆vercel后会提示账号被封禁。
  1. 请先注册并登陆Github账号，
  1. 仅需点击下方链接，即可一键Fork(复刻)项目。
      2. Build software better, togetherYou can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or window. Reload to refresh your session. Reload to refresh your session.https://github.com/tangly1024/NotionNext/fork

三、Vercel部署

准备账号

注册登陆Vercel ，这里推荐选择Github账号登录。
notion image

导入代码

1.点击下方创建新项目
https://vercel.com/new
  1. 在代码仓库列表中选择导入NotionNext
notion image
⚠️
注意：这里步骤放慢些，不要急着点击页面上的Deploy按钮，先看下方教程。

配置页面ID并部署

  1. 点击Environment Variables（环境变量），并添加一个属性名称为NOTION_PAGE_ID，值为步骤一获取的页面ID。
      2. 例如，我的页面ID是：02ab3b8678004aa69e9e415905ef32a5，则配置如下：
      属性名称 Name
      属性值 Valve
      NOTION_PAGE_ID
      02ab3b8678004aa69e9e415905ef32a5
      notion image
填写后要点击右边的Add按钮确认添加
2. 点击Deploy按钮，静候两分钟等待部署。
notion image
 

四、完成

1. 在部署完成页面，点击Go to Dashboard访问控制台
notion image
2. 在控制台右上角的Visit按钮访问您的站点。或在DOMAINS中获取您的网站地址
notion image

📎 参考文章

Vercel部署NotionNext | NotionNext帮助手册
Vercel是一款国外的Serverless托管平台，对个人用户使用几乎免费，而且方便快捷，用Vercel托管你的Notion站点，无需再操心服务器的维护与资费问题。
Vercel部署NotionNext | NotionNext帮助手册
https://docs.tangly1024.com/article/vercel-deploy-notion-next
Vercel部署NotionNext | NotionNext帮助手册
 
💡
有关Notion安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~
大数据学习记录大数据学习记录
Loading...