😀

隔段时间不忙的话，就开始“折腾”博客，以致于我的博客主页快多到比我写的内容还多了 😅。在逛别人博客的时候发现了NotionNext。尝试了一下，非常适合我现在的写作模式，便花了半天的时间进行了搭建，移了一些之前写的博客进来。以下，记录下我的折腾步骤和一点点写作的感想。

📝 废话（可以忽略）

最开始在大学的时候，我学习计算机技术还是保持着高中学习习惯，不论是上课还是自己看视频，先不管三七二十一，先把课件、代码都先抄下来再说。不管自己有没有理解其中的意思，抄下来就感觉知识是自己的了。导致家里一大堆之前记的纸质的笔记本，攒了一大箱，每次我搬家，我都感觉自己脑子进水了。特别是翻看之前的笔记，感觉更加深，”写的都是啥呀，一点没技术含量的为啥要记啊“，关键是自己还舍不得扔，感觉每次看都能感动到自己，但其实这些笔记基本带来不了价值，只能算是”累赘“

等到第一份工作我觉得不太好想换工作的时候，我准备简历，我发现我好像没有什么软实力。之前记的笔记都是纸质的，我也没法给别人看呀。只好上上v站，搜搜不错的博客，然后学着建站，搭建自己的博客。

因为一个大佬发了他的博客，那个主页可以说深深击中了我的审美观。赶紧学着搭了一个，也就是我一直写在简历里的 home.pxyc.fun ,原贴：https://v2ex.com/t/762206#reply154

但是我想找的是平铺出来的，根据时间倒序的那种博客，又不满足的搭建了 hexo、github.io等。不过他们都难做到无感知的同步，而且我喜欢用notion写作，而这些博客系统大多是基于markdown格式的。

最近发现的NotionNext可以说是基本满足了我的一切要求了，在此记录下自己的搭建步骤。

当然大家可以直接查看官网

github:https://github.com/tangly1024/NotionNext
blog:https://www.tangly1024.com/

🤗 搭建步骤

一、下载notion、创建账号登录

省略

二、copy notionNext的模板

打开这个网址

https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d

点击复制此模板

获取复制模板后的页面id

点击share,获取其中的页面id

依次点击Share→Published→Share To Web，开启页面分享，获取共享链接

三、申请Vercel

Fork Notion Next

github:https://github.com/tangly1024/NotionNext

准备账号

注册登陆Vercel ，这里推荐选择Github账号登录。

注册vercel账号可能遇到的问题

若注册时提示 Error:This user account is blocked.Contact support@vercel.com for more information.

这是由于 Vercel 不支持大部分国内邮箱。可以将 github 账号主邮箱改为 Gmail 邮箱。

但是根据群友反应，将 github 账号主邮箱切换为 Gmail 以后，Vercel 又会提示需要使用手机号码验证。然而 github 并没有提供手机号码绑定的内容。

综上，建议一开始注册 github 账号时就使用 Gmail 等国外邮箱进行注册。

国内访问Gmail的方案：

直接使用 QQ 邮箱手机版，它提供 Gmail 的访问路线，可以直接注册并使用。使用 Ghelper 等浏览器插件访问。详情可以参考这篇文章：玩转 Microsoft-Edge

若是执着于当前Github账号，可以参考以下方案进行尝试:

完成了 Gmail 等国外邮箱的注册，打开 github-> 头像 ->settings->Emails>Add email address, 并完成邮箱验证。在Add email address 下方的Primary email address 选项中将 Gmail 设置为主邮箱。

导入代码

点击下方创建新项目
https://vercel.com/new
在代码仓库列表中选择导入NotionNext
2.点击导入您的NotionNext项目
注意：这里步骤放慢些，不要急着点击页面上的Deploy按钮，先看下方教程。
配置页面ID并部署
1. 点击Environment Variables（环境变量），并添加一个属性名称为NOTION_PAGE_ID，值为步骤一获取的页面ID。