使用

如何使用 Notion 制作个人网站？
notion的功能之强大不用多说，上手稍稍有点困难，建议先去找一个现成的模板，再根据自己的习惯和个人想展...
如何使用 Notion 制作个人网站？
https://www.zhihu.com/question/342631132/answer/1197791803
如何使用 Notion 制作个人网站？
notion搭建博客方法二：nextjs-notion-starter-kit搭建博客教程_aosky的专栏-CSDN博客
说明 notion搭建博客的方法很多，今天介绍一个Notion+Vercel+Next.js搭建博客的方法，作者的 Github 。 演示 演示地址: Sky's Blog 搭建方法 首先注册一个GitHub账号。 注册一个Notion账号，创建一个页面，选择右上角 Share，选择 Share to web，选择 Copy link，找到此页面的 PageID，就是下图中Blog后面的一串字符 dd7771e27af143dbacbc90223337a142 。 打开 此仓库 Fork一份，根据自己的情况修改**site.config.js** 的相关内容。 module.exports = { rootNotionPageId: 'dd7771e27af143dbacbc90223337a142' , rootNotionSpaceId: null , name: '名称' , domain: '域名' , author: '作者' , description: 'Example site description' , socialImageTitle: 'Transitive Bullshit' , socialImageSubtitle: 'Hello World!
notion搭建博客方法二：nextjs-notion-starter-kit搭建博客教程_aosky的专栏-CSDN博客
https://blog.csdn.net/aosky/article/details/117733462
notion搭建博客方法二：nextjs-notion-starter-kit搭建博客教程_aosky的专栏-CSDN博客
这个搭建个人博客的方法基于 Notion + Next.js + Verce
nobelium
craigary • Updated Sep 6, 2024
Notion：用作博客内容管理工具，Notion 在这里承担服务器或数据库的角色。
Next.js：一个框架，一种在服务器端渲染的技术，弄不懂也没关系，因为我也不懂 ‍♂️，但即便不懂，我也顺利地用 Notion 搭建出博客了。
Vercel：一个免费的前端部署平台，支持增量式更新，更新文章后无需重复部署。
这种速度比上一种速度更快
设置前准备
1、域名
2、notion共享页面
3、github账号
 

fork GitHub 项目到自己的仓库

nextjs-notion-starter-kit
transitive-bullshit • Updated Sep 6, 2024

进行刚fork仓库编辑配置文件

点击 site.config.js 进入配置文件页面
主要修改notionID和Notion共享页面URL
notion image

将 GitHub 仓库添加到部署平台 Vercel

可以使用github账号登陆
https://vercel.com/ 打开部署平台
创建一个项目
notion image
找到你刚才fork的仓库导入
notion image
然后稍等片刻即可
 
将页面绑定自定义域名
notion image
在此处添加自定义域名即可
notion image
基于cloudflare+vercel可以加一条A记录来解决
IP是Vercel提供的
notion image
 
修改自己的图标
更改 GitHub 图标的链接
Loading...