Bootstrap

NotionNext博客快速建站教程

NotionNext博客快速建站教程

简介:

在当今数字时代,拥有个人博客是展示个人观点、分享知识和建立个人品牌的绝佳方式。
而NotionNext是一个基于 Notion 平台,功能强大的博客建站平台,它提供了丰富的模板和自定义选项,让你可以轻松创建出专业且个性化、易于发布和管理的博客网站。
在这篇博文中,我将带你一步步了解如何使用Vercel部署NotionNext,快速搭建你的个性化博客。

1. 注册登录Notion账号

Notion

2. 复制模板,获取页面ID

https://www.notion.so/02ab3b8678004aa69e9e415905ef32a5?pvs=4

依次点击页面右上角**Share→PublishedShare To Web,开启页面分享,获取**共享链接

DM_20231004010934_001.png

复制共享链接中的页面ID,红色高亮区的就是

Untitled

3. 注册登录Github账号,然后Fork项目

GitHub: Let’s build from here

NotionNext

4. 注册登陆Vercel

推荐选择Github账号登录

Vercel: Build and deploy the best Web experiences with The Frontend Cloud

5. 创建新项目

在代码仓库列表中选择导入NotionNext

New Project – Vercel

6. 配置页面ID并部署

点击Environment Variables(环境变量),添加属性名称**NOTION_PAGE_ID 和属性值(页面ID)**

点击Add,后点击Deploy 部署,等待部署完成

Untitled

Untitled (1).png

在控制台右上角的Visit按钮可访问您的站点。或在DOMAINS中获取您的网站地址

DM_20231004010954_014.png

7. 绑定自定义域名

首先得购买域名,可在NameSilo购买(价格便宜稳定无套路,且提供永久免费的隐私保护)

在Vercel控制面板中找到SettingDomainsAdd,输入你的域名,按提示操作

8. 配置CNAME解析

  • 将namesilo购买的域名放在cloudflare中托管可以《参考此文》教程说明
  • CloudFlare打开域名控制台 https://dash.cloudflare.com
  • 添加一条域名A记录指向Vercel服务器地址76.76.21.21
  • 添加一条CNAME记录,值指向Vercel的CNAME服务器:cname-china.vercel-dns.com
  • 在左侧找到ssl/tls配置,开启https加密,选择完全,然后等待解析生效

Untitled

总结:

通过本教程,你已经学会如何使用Vercel云部署NotionNext个人博客。现在,你可以开始使用NotionNext创建你的第一个博客文章,让您专注于创作而非技术细节,并与读者分享你的想法和知识了!后面将会介绍如何自定义博客配置,欢迎持续关注!

;