NotionNext博客快速建站教程
简介:
在当今数字时代,拥有个人博客是展示个人观点、分享知识和建立个人品牌的绝佳方式。
而NotionNext是一个基于 Notion 平台,功能强大的博客建站平台,它提供了丰富的模板和自定义选项,让你可以轻松创建出专业且个性化、易于发布和管理的博客网站。
在这篇博文中,我将带你一步步了解如何使用Vercel部署NotionNext,快速搭建你的个性化博客。
1. 注册登录Notion账号
2. 复制模板,获取页面ID
https://www.notion.so/02ab3b8678004aa69e9e415905ef32a5?pvs=4
依次点击页面右上角**Share→PublishedShare To Web
,开启页面分享,获取**共享链接
复制共享链接中的页面ID,红色高亮区的就是
3. 注册登录Github账号,然后Fork项目
4. 注册登陆Vercel
推荐选择Github账号登录
Vercel: Build and deploy the best Web experiences with The Frontend Cloud
5. 创建新项目
在代码仓库列表中选择导入NotionNext
6. 配置页面ID并部署
点击Environment Variables(环境变量),添加属性名称**NOTION_PAGE_ID
和属性值(页面ID)**
点击Add,后点击Deploy
部署,等待部署完成
在控制台右上角的Visit
按钮可访问您的站点。或在DOMAINS中获取您的网站地址
7. 绑定自定义域名
首先得购买域名,可在NameSilo购买(价格便宜稳定无套路,且提供永久免费的隐私保护)
在Vercel控制面板中找到Setting
→Domains
→Add
,输入你的域名,按提示操作
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加密,选择完全,然后等待解析生效
总结:
通过本教程,你已经学会如何使用Vercel云部署NotionNext个人博客。现在,你可以开始使用NotionNext创建你的第一个博客文章,让您专注于创作而非技术细节,并与读者分享你的想法和知识了!后面将会介绍如何自定义博客配置,欢迎持续关注!