零成本5分钟拥有属于自己的博客网站
零成本5分钟拥有属于自己的博客网站
up
9
date
Aug 23, 2023
to
slug
jz01
status
Published
tags
Code
Notion
Github
Vercel
type
Page
summary
零成本5分钟建站步骤 notion
Link
category
Code
password

零成本5分钟拥有属于自己的博客网站

零成本5分钟建站步骤 notion

零成本, 5分钟,搞定一个网站,实时增量更新, 无需重新构建部署便可以同步 Notion 页面的变更.
特点:
  • 零成本.
    • 只要有notion账号,github账号,vercel账号就可以, 而这三个账号其实用一个google账号就全部搞定了
    • notion 用来工作,记笔记, 发博客.
    • github用来存储代码.
    • vercel用来发布网站.
    • 而这几个都是免费的,做到真正的零成本.
  • 快速,5分钟
    • 1.复制notion模板 。复制 模板 到你的空间下, 并分享给所有人。
      • 这个模板新增了一个类别 Friend. 也就是友链
      • 因为默认是的notion本身作为评论数据库,需要在notion中手工新建一个评论的数据库,字段如下, 注意大小写.
        • notion imagenotion image
    • 2.fork代码主体。 点击 Fork 分叉这个项目到你的 Github 账号下.
      • 修改。 修改blog.config.js(根目录中)中的相关信息,用GITHUB网页直接编辑或记事本打开就可以,更专业的vscode之类的更好。
        • 如2-8行的相关内容。
        • 如26,27行的notion database id, 建议这个在vercel中增加参数, 不要明文写到里,想写的话也可, 直接在两个单引号中间写上. 28行可选
        • 53,54行 这里是umami统计用,统计哪个网页被打开了多少次等, 可以直接按
        • https://umami.mynotion.life/
        • 可以用用户名guest 密码guest登录, 也可以申请单独账号
      • 修改中英文文字内容 /public lang.js
      • 修改图标等,/public 目录下的资源, 使用你自己的图标 Logo 等等.
    • 发布。 以上步骤完成后,在 Vercel 中新建一个项目,选择你自己刚刚fork的分支默认点就可以了
      • 增加三个参数:博客id,评论id,机器人key,其它两个不用填也可以
        • notion imagenotion image
    • OK了, vercel提供一个域名,你如果有自己的更好
      • 域名可以从name.com上买, 国内可以直接用支付宝付款,便宜的1-20块钱都有.
      • 可以用Cloudflare 接管域名,更方便,把name的域名服务器按网站介绍换成下面的,然后等待cloudflare接管, 几分钟以后就会成功, 然后修改dns,就可以了
        • notion imagenotion image
          notion imagenotion image
        notion imagenotion image
      💡如果有问题, 评论 或 私信我 (这个联系我页面用到上图中不用的 tg token).