status
type
date
slug
tags
summary
password
category
Property
Jul 29, 2022 01:32 PM
icon
 
哈喽大家好,我是无知便是罪,专注于收集和分享互联网上不为人知的好东西。
之前给大家分享过两款免费开源的网站主题源码,看到很多人都需要,毕竟建立个自己的博客,想发什么发什么,就不用受这些平台的限制啦。
不过建站都是有成本的,今天无知给大家分享一个0成本搭建个人博客的方法,就算是小白也能轻松上手。

必备

我们只需要三样东西。notion 账号  、GitHub账号、vercel账号,其中notion账号有条件的可以搞个教育邮箱,就能免费使用专业版啦,无限区块!
以上三个账号直接去官方站点直接注册就行啦,最好给你的浏览器装个翻译插件,如果这个你都不会,就不要继续看下去啦。
为了方便小白理解,notion呢是你提供网站内容的地方,GitHub是存放你网站源码的地方,vercel就是将它们组装起来的地方啦。

notionnext

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

GitHub

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

notion

notion image
再去notion打开这个模板,右上角点击duplicate,也是将它保存到自己的notion账号里,以后我们只需要在这个页面发布内容,我们的博客就会自动同步啦。
notion image
保存到自己的账号后,我们点击右上角share,将share to web勾选上,就能看到这个公开的链接啦/
notion image
将他复制到文本框里,我们看中间有一堆数字这段,左侧从斜杠后开始,右侧到问号前截止,这就是你的notion 页面专属id 复制一下。

vercel

notion image
接下来我们到vercel站点,注册好账号后呢,最好装上翻译插件,方便理解,点击右上角创建项目/new project,左侧登录上你之前创建的GitHub账号,就能看到之前fork的项目啦,找到notionnext点击右侧导入/import。
notion image
然后点击deploy上方的三角号,左侧输入NOTION_PAGE_ID,右侧粘贴上你刚刚复制的notion专属id,add添加后,点击deploy即可,大概一分钟左右,他就会部署完成。
notion image
你就能在右上角看到 go to dashboard,前往控制台的意思。
notion image
在点击右上角visit/访问按钮,或者直接点击下方官方提供的域名,即可看到自己的博客啦。

功能添加

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

内容更新

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

网站设置

而网站方面的主题 信息 分类等。则需要到GitHub上你fork的项目里进行修改,其实也没什么难度,例如你想修改主题,打开blog.config.js,点击右上角 铅笔图标即可修改,不需要你会编写代码,就把里面的内容替换下就行,基本每条代码都有作者提供的注释,让你知道这都管什么功能的,怎么修改。
notion image
例如在主题这里,我们就可以将next改为hexo,保存后,vercel就会同步过去你的修改,网站就会变成hexo主题啦,也是大家都会选择的主题,毕竟其他主题确实有点丑。
更多功能设置大家可到大佬的博客里查看教程。和使用文档!
之后你就什么也不用管啦,只需要在notion里没事更新更新内容即可。
 
notion image
强国自动刷分每日好东西