🗒️使用Notion搭建个人网站(傻瓜版)
2024-11-16
| 2024-11-16
字数 577阅读时长 2 分钟
type
status
date
slug
summary
tags
category
icon
password
😀
记录下框架。

搭建基础材料

  • Notion,项目管理软件
  • Github,个人网站是通过Github的NotionNext项目来实现和配置的
  • Vercel,一个托管平台,负责部署Github上的NotionNext项目
  • 域名网站

操作SOP

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