技术分享
🗒️使用Notion搭建个人博客网站
00 min
2024-1-1
2025-2-19
type
status
date
slug
summary
tags
category
icon
password
summary (1)

使用Notion搭建个人博客网站

一、Notion帐号
1. 请先注册登陆您的Notion账号。
notion image
2. 点击下方链接,打开模板
3. 在右上角点击Duplicate复制模板,如图所示。点击后会将这个博客数据模板克隆到你的笔记空间中,就可以开始创作了。
notion image
4.在Notion笔记中:在页面右上角的菜单栏中,依次点击SharePublishedShare To Web,开启页面分享,获取共享链接. 这样笔记就分享到了网络中。互联网中的用户就可以使用这个链接来访问笔记了。
notion image
 
5.复制保存页面ID共享链接中、域名中间的一串32位字母与数字。只要斜杠/后面到?之间的这串数字与字母不要复制其他的。做一个保存,后面步骤要用到。
如下图所示:
notion image
 
二、Github帐号
1. 请先注册并登陆Github账号
注意:不要使用qq邮箱,我的qq邮箱下一步登陆vercel总是失败不知道是不是个例。
2.克隆项目到你的Github账户下。(仅需点击下方链接,即可一键Fork(复刻)项目)
notion image
三、Vercel部署
准备账号注册登陆Vercel ,这里推荐选择Github账号登录。
notion image
1. 点击下方创建新项目
2. 在仓库列表中选择点击导入您的NotionNext项目 3. 点击Environment Variables(环境变量),并添加一个属性,名称为NOTION_PAGE_ID获取的页面ID
notion image
(左侧填写 NOTION_PAGE_ID , 右侧填写 前面记录保存的页面ID值)填写后要点击Add按钮确认添加,点击Deploy按钮进行自动部署,静候大概两分钟,等待部署完成。 四、完成
💡NotionNext会实时抓取Notion笔记内容 关于部署方案目前主要使用Vercel云托管,除此之外、您还可以选择Zeabur部署服务器本地部署导出静态网页Docker容器化CloudFlare部署等方案,不过这些都要求您有一定的技术基础。 Vercel的个人免费版足够普通的博客网站使用,但如果你的网站运营很成功,导致访问量过大会快速消耗完Vercel的计费流量,在Vercel后台的Usage中可以看到免费版本的用量。此时可以有几种解决方法; 1. 充值Vercel会员 2. 换平台,例如Netlify部署 3. 换部署方案,改为静态部署在vercel项目后台的General中,将打包命令改为yarn export这种模式是静态运行网站,基本不消耗用量。但是每次写完文章需要到后台Redeploy一下,适合站点访问量大,文章更新不频繁的用户。 4. 购买服务器,在自己的VPS上部署。
 

绑定自定义域名

一、准备一个域名

域名可以购买也可以申请免费的,各位可以折腾一下,二级的免费的还是比较好申请的,我个人使用的就是个普通二级免费域名,购买的话注意一下套路,有些是首年极其的便宜但是后面如果续费就会很贵,大家不想折腾稳定使用的话可以购买一个注意一下第二年费用贵这个套路。另外尽量不要阿里云或者腾讯啊之类国内服务商购买,服务倒是很好,就是你有时候发些违规的文章之类的都会给封了域名,再需要解封什么的。
免费的还是挺多的大家可以筛选一下,以下这个是我自己再用的。
 

二、配置CNAME解析

以下以我这个举例,配置方法大同小异,只是入口不太一样,可以自己购买域名服务商也可以cloudflare等,个人推荐cloudflare解析,但是我比较懒就直接注册后点开域名设置了。
需要添加两条记录
• 需要添加一条域名A记录指向Vercel服务器地址76.76.21.21
• 根据需要添加你的一条CNAME记录,值指向Vercel的CNAME服务器:cname-china.vercel-dns.com ;(vercel后台推荐的事cname.vercel-dns.com ,但是这个cname在大陆访问比较慢)
 
notion image
 

三、Vercel控制台配置

• 在Vercel控制面板中找到SettingDomainsAdd,在这里可以配置域名,填写你的域名。
 
notion image
 
四、完成