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在你的列表找到刚刚复制的模板,点击右上角的 Share
接着点击 Publish 再点击 Publish to web
第四步、🌟点击 Copy web link 复制出来你的页面链接,然后查看页面ID🌟
复制出来的链接:
https://dashing-drizzle-d15.notion.site/12fd8a7b490542b7a5719367eeda9025?v=780020feaeae441eb100419113f0d0a3&pvs=4
页面ID是位于 ?v= 前的,.site/ 后的 由字母和数字组成的一串字符,即上面红色加粗的部分
二、Fork代码带你的Github
通过下方链接将代码fork到你的Github:
这时点击右上角你的头像,弹出侧边栏,可点击 your respositories 查看你的刚刚复制过来的代码
你也可以通过别的方式将代码保存;
三、在vercel中部署代码
最后一步,很快就要成功了
1、首先、没有账号的话,先注册Vercel
注册注册时,选择“Hobby”就行
注册链接:
这里选择 GitHub 登录
接着在首页,创建新项目后将Github仓库导入
选择刚刚复制的代码项目import(如果没有的话,点击图中下拉箭头添加你的账号先)
进去后,是这样的,❗❗❗先不要点击 deloy !❗❗❗
❗❗如图❗❗点击1处的箭头,在这里的2写 名称(根据示例格式),你可以写:NOTION_PAGE_ID ,然后将第一步获得的页面ID填入3中
好了,做完这步,你可以点击 deploy 了
🎉🎉🎉部署完成🎉🎉🎉
点击右上角的 visit 就可以看到你的网站的默认的样子了
卡片信息中的 Domains 就是你网站的域名了,恭喜
至此,
🎉🎉你已经完成了你的个人网站的搭建🎉🎉
GitHub开源地址:
原作者教程链接:
- 作者:快乐小番茄
- 链接:https://navos.net/article/7ae82081-dea9-44d5-b7c6-c785cd64e49a
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。