利用notion搭建博客

type
status
date
slug
summary
tags
category
icon
password
💡
本文为使用notion-next开源项目搭建博客流程的记录。

搭建部署网页

1. 复制notion模板

 
notion image
分享发布网站。

2. 复制GitHub源代码

一键Fork项目。

3. Vercel部署

３.１　新建项目
３.２　代码仓库列表导入notionnext
３.３　点击Environment Variables（环境变量），并添加一个属性名称为NOTION_PAGE_ID，值为notion网页ID，注意是?v=前面面的英文数字。
notion image
３.４　点击Deploy按钮，静候两分钟等待部署。

绑定自定义域名

购买域名

在阿里云买的，第一年便宜，以后每年续费坑人，要大几百。

vercel控制台配置

在Vercel控制面板中找到Setting→Domains→Add，在这里可以指定当前项目的绑定域名，一个项目可以绑定多个域名。
成功后提示（Invalid Configuration），说明域名已经添加，但需要根据提示添加CNAME或者Nameserver的方式激活。
域名：如liuyuyang.art，ip是数字地址，域名解析是将域名指向ip地址，域名解析工作由dns服务器完成，

CNAME域名解析，阿里云

打开控制台 https://dc.console.aliyun.com/#/domain-list/all 域名列表，点击域名，并添加一条cname，记录值为
notion image
notion image

或者CloudFlare 解析 (推荐)

  • 点进该域名的配置面板，增加两条 DNS 配置。
  • 对于liuyuyagn.art这个一级域名来说，只需要添加一条 A 记录@的解析。若您的域名没有解析任何服务器（即没有添加过任何一条A记录），需要添加一条域名A记录指向Vercel服务器地址76.223.126.88，76.223.126.88 是 vercel 贴心为墙内用户准备的 IP。
  • 再添加一条CNAME记录值为Vercel的CNAME服务器：cname-china.vercel-dns.com
notion image
  • 添加成功后，还需要在ssl/tls配配置开启https完全加密 ， 否则会因为证书不匹配导致反复重定向而打不开网页。
notion image
  • 接着往下滑，看到配置 Nameservers, 是 Cloudfare 给你准备好的，
  • 直接复制粘贴到阿里云后台的 DNS 修改 - DNS 服务器。
nameservers
nameservers
阿里云后台的 DNS 修改
阿里云后台的 DNS 修改
阿里云后台的 DNS 修改

配置完成，vercel显示

notion image
接下来就可以通过设置的域名（如 liuyuyang.art ）访问我们的网站了

完成

💡
总结：利用vercel将GitHub内容搭建网页，和notion页面连接，实现notion更新内容自动更新网页，省去了以往每次更新博客内容都要自己将Markdown文本上传Git仓库等繁琐的方式来更新发布文章。
 
作品思维hugo博客创建流程
Loading...
Catalog
Article List