博客搭建简介

Hello 大家好，我是安哥。 今天继续来聊搭建博客或搭建个人网站的话题，这次介绍的方法是基于 Notion + Next.js + Vercel，千万不要因为看到这些不懂的单词，就被吓到了。 我搭建的 Notion 博客是在一个 GitHub 项目「nextjs-notion-starter-kit」上二次改造而来的，这个项目用到了前面说到的两个工具：Notion 和 Next.js。 这位作者搭建的博客效果如下图： 博客顶部的封面图是动态的，可用鼠标进行交互，感兴趣的可以前往他的博客参观： https://transitivebullsh.it/ GitHub 项目「nextjs-notion-starter-kit」地址： https://github.com/transitive-bullshit/nextjs-notion-starter-kit 先打开这个项目的 GitHub 页面，点击右上角的「fork」，将其复制到自己的仓库中。 相比之前我介绍的使用 Hexo 搭建博客的方式，这个方法完全免费，不需要购买服务器，还可以不租用域名，可以随时随地发布内容，不局限于安装了 Git 的电脑，折腾起来也相对比较容易。 这个配置页面是从之前的项目复制过来的，因此它的配置还是之前的作者留下的信息。 点击右上角的编辑按钮，进入编辑状态，这里我们需要修改的信息有： rootNotionPageId：这是用于编辑/管理内容的 Notion 页面的 Id 博客基础信息：包含博客名称、Notion 页面的原始链接、作者名称 可联系博客作者的渠道/方式：可以填写 Twitter、GitHub、Linkedin 下图是我想用于呈现博客所有内容的 Notion 页面，需要先点击页面右上角的 Share，将页面启用「Share to web」，即页面的内容对所有人都可见，这样别人才可以在你的博客上看到你发布的所有内容。 浏览器地址栏的 就是 https://www.notion.so/phh95/064603b9235642ed9a42e86c1d4af186 就是这个 Notion