无需服务器使用notion搭建个人博客

一、在notion添加模版

首先点开下面的notion模版链接

这个 Notion 模板

然后点击右上角的Duplicate,把模版复制到你自己的notion里面

Untitled

分享你自己复制的模版链接,并开启编辑权限,如下图所示

Untitled

然后把你的分享链接notion.site/后面,?前面的32位字符串复制下来保留备用。

 

二、GitHub项目并进行配置

项目地址:tangly1024/NotionNext: 一个使用 NextJS + Notion API 实现的,部署在 Vercel 上的静态博客系统。为Notion和所有创作者设计。 (github.com)

先给项目点个小星星,然后Fork项目到自己的GitHub库

Untitled

在 blog.config.js 文件中修改NOTION_PAGE_ID为你上一步中保存的页面ID,并保存文件

Untitled

其他配置选项请查看

NotionNext: 基于Next.js 的Notion博客站点生成器

 

三、在Vercel中部署项目

首先在https://vercel.com/注册一个账号,可以直接用GitHub注册,然后验证一下手机号,大陆号码也可以验证。

然后添加你的GitHub账号

Untitled

部署你的项目

Untitled

进行命名或者直接Deploy

Untitled

等待项目部署完成。

项目部署完成后,点击左边的的网页缩略图就可以访问你的博客了。但是点进去后你会发现网站域名是Vercel生成的随机域名,太长了不便于记忆。如果自己有购买域名可以点击右边的go to Dashboard按钮进入设置页面添加自己的域名。

Untitled

 

四、自定义域名

进入项目设置界面绑定自己的域名

Untitled

输入你的子域名后,会提示你进行dns解析,这时候你按照提示到你的域名托管服务商那里按提示解析域名解析操作就可以了。

Untitled

像下图这种就是成功了

Untitled

但是我自己用的cloudflare添加CNAME记录时,一直卡住,然后在先在cloudflare添加了一条A记录指向Vercel的ip之后就很快成功了,成功之后再把A记录删除就好了。

Untitled

 

五、文章发布

发布新文章只需要在你复制的notion模版点击右下角的new添加新page,并按照示例文章里的说明创建文章就可以了,记得把status的状态设置为Published,否则文章不会在博客中进行展示。

Untitled

版权声明:
作者:admin
链接:https://jkboy.com/archives/5712.html
来源:随风的博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
海报
无需服务器使用notion搭建个人博客
一、在notion添加模版 首先点开下面的notion模版链接 这个 Notion 模板 然后点击右上角的Duplicate,把模版复制到你自己的notion里面 分享你自己复制的模版链……
<<上一篇
下一篇>>
文章目录
关闭
目 录