我的博客換成了 NotionNext
在《程序員不可錯(cuò)過(guò)的一款Hexo博客主題》中介紹了我博客的主題 stellar ，還介紹了部署方式的調(diào)整：
空間：使用 GitHub Page ,然后進(jìn)行域名的綁定； 域名：需要修改 DNSPod 中的 DNS 解析； 圖床：選用 GitHub 圖床，配合 jsdelivr 做 CDN 加速； 寫(xiě)作工具：Typora；發(fā)布方式：GitHub Action 。
盡管這種方式有很大的改進(jìn)，但因?yàn)槭褂玫氖?hexo ，每次發(fā)布博客文章的步驟：
使用 hexo 的命令創(chuàng)建一個(gè) md 文件； 將寫(xiě)好的文章復(fù)制到改 md 文件中，并填寫(xiě)相關(guān)的頭信息，分類(lèi)、標(biāo)簽之類(lèi)的； 本地運(yùn)行預(yù)覽下效果； 發(fā)布到服務(wù)器。
這種方式對(duì)程序員來(lái)說(shuō)算是非常友好了，但每次修改文章上面的步驟幾乎要重新來(lái)一遍。而且之前使用 stellar 主題也是因?yàn)檫@個(gè)主題有專(zhuān)欄，但試用之后發(fā)現(xiàn)專(zhuān)欄的功能沒(méi)有達(dá)到我的預(yù)期（通過(guò)引用博文的方式來(lái)組織專(zhuān)欄）。
所以，決定換一個(gè)博客工具，春節(jié)期間，一番折騰后，發(fā)現(xiàn)了 NotionNext。
Notion 是我一直在使用的一款強(qiáng)大的筆記工具，NotionNext 將 Notion 筆記實(shí)時(shí)渲染成靜態(tài)博客網(wǎng)站，就像下面這樣，在 Notion 中維護(hù)筆記，稍等片刻，網(wǎng)站的內(nèi)容就自動(dòng)更新了。
下面介紹我是怎樣遷移到 NotionNext 的，大體有三個(gè)步驟：
1、將網(wǎng)站在 vercel 中運(yùn)行起來(lái)；
2、綁定域名；
3、博客配置。
使用 vercel 托管
vercel 是一個(gè)用來(lái)部署前端應(yīng)用的云平臺(tái)，我們使用 vercel 來(lái)進(jìn)行網(wǎng)站的托管。步驟如下：
1、NotionNext 的 Github 地址是：https://github.com/tangly1024/NotionNext ，將該項(xiàng)目 fork 到自己的倉(cāng)庫(kù)中；
2、在 https://vercel.com 網(wǎng)站中注冊(cè)賬號(hào)，成功注冊(cè)后，在 vercel 中創(chuàng)建項(xiàng)目 notion-next；
3、在 vercel 創(chuàng)建項(xiàng)目時(shí)，導(dǎo)入上面 fork 的 Git 項(xiàng)目；
4、在環(huán)境變量中添加 Notion 的 Page ID ，這樣就和 Notion 的數(shù)據(jù)庫(kù)做了綁定；
Notion 的 Page ID 在 Notion 的頁(yè)面點(diǎn)擊 Share 后的地址中獲取：
5、vercel 默認(rèn)會(huì)提供域名供我們?cè)L問(wèn)，當(dāng)然我們也能綁定自己的域名。
更多的介紹可以參考作者的博客：https://tangly1024.com/
域名綁定
1、我使用 Cloudflare 來(lái)做 DNS 解析，Cloudflare 是一家全球最著名的 CDN 加速服務(wù)商，提供了免費(fèi)和付費(fèi)的網(wǎng)站加速和保護(hù)服務(wù);
2、在 Cloudflare 網(wǎng)站中注冊(cè)賬號(hào)，添加站點(diǎn) fwhyy.com ;
3、在 Cloudflare 的 DNS 模塊設(shè)置 A 記錄和 CNAME，地址為 vercel 中的地址：
4、在 godaddy 中將域名的 DNS 設(shè)置為 Cloudflare 的 DNS 服務(wù)器：
5、在 vercel 中進(jìn)行域名的添加，解析正常如下圖：
6、如果發(fā)現(xiàn)解析不正常，可以檢查下 Cloudflare 中的配置，ssl 中是否設(shè)置的是完全：
并且在「緩存/配置」中清除所有內(nèi)容：
配置
經(jīng)過(guò)上面的步驟，就可以通過(guò)域名訪問(wèn)了。但博客的一些基本設(shè)置還需要修改源碼。
將 fork 的項(xiàng)目下載到本地，主要修改根目錄下的 blog.config.js 文件：
配置中的項(xiàng)都有注釋說(shuō)明，也可以自行修改，然后執(zhí)行 yarn dev 在本地運(yùn)行看效果。調(diào)整完成后，將代碼 push 到 Github 后，vercel 會(huì)自動(dòng)進(jìn)行編譯和發(fā)布：
最后
如果您在使用 Notion ，又正好想要玩玩博客，我覺(jué)得可以試下 NotionNext 。不過(guò)我理想中的博客還是能隨意寫(xiě)博客文章，又能方便地將現(xiàn)有的博客文章組織成專(zhuān)欄。