💥3步将Notion变成你的个人网站
00 分钟
2023-9-10
2023-10-15
type
status
date
slug
summary
tags
category
icon
password

前言

如果你习惯用Notion进行知识管理,并且希望在网上展示自己,但又担心网上的建站那这个方法可能适合你;
文章末尾附原作者教程链接和GitHub开源地址;
🏒
你将会用到: 1、Github 2、Vercel 3、Notion 4、科学上网

操作步骤

三步将你的Notion笔记变成个人网站:
1、复制Notion模板到你的Notion;
2、复制代码带你的Github;
3、在vercel中部署代码;
 

一、复制Notion模板到你的notion;

第一步、打开下方链接:

第二步、点击右上角的 Duplicate 将该模板复制到你的Notion

notion image

第三步,回到你的Notion在你的列表找到刚刚复制的模板,点击右上角的 Share

notion image
接着点击 Publish 再点击 Publish to web
notion image

第四步、🌟点击 Copy web link 复制出来你的页面链接,然后查看页面ID🌟

notion image
复制出来的链接:
📎
https://dashing-drizzle-d15.notion.site/12fd8a7b490542b7a5719367eeda9025?v=780020feaeae441eb100419113f0d0a3&pvs=4
页面ID是位于 ?v= 前的,.site/ 后的 由字母和数字组成的一串字符,即上面红色加粗的部分

二、Fork代码带你的Github

通过下方链接将代码fork到你的Github:

这时点击右上角你的头像,弹出侧边栏,可点击 your respositories 查看你的刚刚复制过来的代码
notion image
你也可以通过别的方式将代码保存;

三、在vercel中部署代码

最后一步,很快就要成功了
1、首先、没有账号的话,先注册Vercel
📌
注册注册时,选择“Hobby”就行
注册链接:
这里选择 GitHub 登录
notion image
接着在首页,创建新项目后将Github仓库导入
notion image
选择刚刚复制的代码项目import(如果没有的话,点击图中下拉箭头添加你的账号先)
notion image
进去后,是这样的,❗❗❗先不要点击 deloy !❗❗❗
notion image
❗❗如图❗❗点击1处的箭头,在这里的2写 名称(根据示例格式),你可以写:NOTION_PAGE_ID ,然后将第一步获得的页面ID填入3中
notion image
好了,做完这步,你可以点击 deploy 了
🎉🎉🎉部署完成🎉🎉🎉
点击右上角的 visit 就可以看到你的网站的默认的样子了
notion image
卡片信息中的 Domains 就是你网站的域名了,恭喜
 
至此,
🎉🎉你已经完成了你的个人网站的搭建🎉🎉
 
 
 
 
GitHub开源地址:
原作者教程链接:
 

评论
  • Twikoo
  • Cusdis