notion 0成本搭建网站 | 无知便是罪

status

Published

type

Post

date

Jun 30, 2022

slug

category

优质网站

Property

Jul 29, 2022 01:32 PM

icon

哈喽大家好，我是无知便是罪，专注于收集和分享互联网上不为人知的好东西。

之前给大家分享过两款免费开源的网站主题源码，看到很多人都需要，毕竟建立个自己的博客，想发什么发什么，就不用受这些平台的限制啦。

不过建站都是有成本的，今天无知给大家分享一个0成本搭建个人博客的方法，就算是小白也能轻松上手。

我们只需要三样东西。notion 账号、GitHub账号、vercel账号，其中notion账号有条件的可以搞个教育邮箱，就能免费使用专业版啦，无限区块！

以上三个账号直接去官方站点直接注册就行啦，最好给你的浏览器装个翻译插件，如果这个你都不会，就不要继续看下去啦。

为了方便小白理解，notion呢是你提供网站内容的地方，GitHub是存放你网站源码的地方，vercel就是将它们组装起来的地方啦。

我们用到的就是GitHub上面的这个开源项目，一个使用 NextJS + Notion API 实现的，部署在 Vercel 上的静态博客系统。虽然大佬给了教程，不过小白用户的话接受起来还是有点门槛的。所以最好跟着无知操作，大佬的话就直接到视频末尾看官方的文字版教程即可。

首先准备好以上三组账号，然后我们打开GitHub上面的这个项目地址，点击右上角fork，就是复制这个项目到自己的仓库啦。你也不用管存哪啦，点击一下就行。

再去notion打开这个模板，右上角点击duplicate，也是将它保存到自己的notion账号里，以后我们只需要在这个页面发布内容，我们的博客就会自动同步啦。

保存到自己的账号后，我们点击右上角share，将share to web勾选上，就能看到这个公开的链接啦/

将他复制到文本框里，我们看中间有一堆数字这段，左侧从斜杠后开始，右侧到问号前截止，这就是你的notion 页面专属id 复制一下。

接下来我们到vercel站点，注册好账号后呢，最好装上翻译插件，方便理解，点击右上角创建项目/new project，左侧登录上你之前创建的GitHub账号，就能看到之前fork的项目啦，找到notionnext点击右侧导入/import。

然后点击deploy上方的三角号，左侧输入NOTION_PAGE_ID，右侧粘贴上你刚刚复制的notion专属id，add添加后，点击deploy即可，大概一分钟左右，他就会部署完成。

你就能在右上角看到 go to dashboard，前往控制台的意思。

在点击右上角visit/访问按钮，或者直接点击下方官方提供的域名，即可看到自己的博客啦。

接下来呢就是一些自定义设置啦，有条件的可以去买个自己喜欢的域名绑定上。还可以单独添加评论系统。

网站内容的话，我们到notion里点击新建即可发布文章啦，可以设置是否显示文章，日期类型以及加密文章等。标题上方点击addcover，可以给不同文章设置不同封面。

而网站方面的主题信息分类等。则需要到GitHub上你fork的项目里进行修改，其实也没什么难度，例如你想修改主题，打开blog.config.js，点击右上角铅笔图标即可修改，不需要你会编写代码，就把里面的内容替换下就行，基本每条代码都有作者提供的注释，让你知道这都管什么功能的，怎么修改。

例如在主题这里，我们就可以将next改为hexo，保存后，vercel就会同步过去你的修改，网站就会变成hexo主题啦，也是大家都会选择的主题，毕竟其他主题确实有点丑。

更多功能设置大家可到大佬的博客里查看教程。和使用文档！

之后你就什么也不用管啦，只需要在notion里没事更新更新内容即可。