type
status
date
slug
summary
tags
category
icon
password
记录下框架。
搭建基础材料
- Notion,项目管理软件
- Github,个人网站是通过Github的NotionNext项目来实现和配置的
- Vercel,一个托管平台,负责部署Github上的NotionNext项目
- 域名网站
操作SOP
- 将Notion个人网站模板拷贝到自己的Notion内
NOTION BLOG Template,这个模版是一个表格,表格的每一行是一篇博客,我们可以在表格上面进行编辑
- 点击Duplicate克隆到到个人账户之后,点击右上角的Share->Share to Web,那么互联网上的用户就能使用这个链接来访问我们的个人页面了 - 我们点击/
就可以编辑特定格式的文本,比如添加页面,待办列表,标题,表格,有序列表,无序列表,甚至还能添加媒体,比如图片,视频,音频,代码,文件等等。 - 所以说Notion是非常强大的。当你需要写一篇文章的时候,只需要在复制后的模版里面添加一行,然后编辑那个页面就可以了。
- 在Github搜索NotionNext,点击fork,点击克隆按钮
NotionNext项目调用了Notion的API来展示Notion的页面
同时提供了一些主题和特效,可以让我们的博客更加美观
- 用Github账号注册登录Vercel平台,Add new→ Project→ NotionNext 点击import
- 部署,修改环境变量
- 点击
Environment Variables
- Name:
NOTION_PAGE_ID
- Value:
e4bc192eb3ac47b18c0a547fc127f542
配置你的notionnext
注:Value是你的Notion个人主页的值,我们从我们之前的那个Notion模版里面点击
Share
->Share to web
->Copy web link
- 网站配置,blog.config.js文件修改
blog.config.js
文件是Notion个人网站的一些配置,我们可以直接修改这个配置文件来修改展示效果
文件里面每一行的作用都有详细的注释,你可以根据需求修改。我们在Github上的修改,无需重新部署,Vercel会监听Github的修改,自动部署
附件