當前觀察:我的博客換成了 NotionNext
在《程序員不可錯過的一款Hexo博客主題》中介紹了我博客的主題 stellar ,還介紹了部署方式的調(diào)整:
空間:使用 GitHub Page ,然后進行域名的綁定;域名:需要修改 DNSPod 中的 DNS 解析;圖床:選用 GitHub 圖床,配合 jsdelivr 做 CDN 加速;寫作工具:Typora;發(fā)布方式:GitHub Action 。盡管這種方式有很大的改進,但因為使用的是 hexo ,每次發(fā)布博客文章的步驟:
【資料圖】
使用 hexo 的命令創(chuàng)建一個 md 文件;將寫好的文章復(fù)制到改 md 文件中,并填寫相關(guān)的頭信息,分類、標簽之類的;本地運行預(yù)覽下效果;發(fā)布到服務(wù)器。這種方式對程序員來說算是非常友好了,但每次修改文章上面的步驟幾乎要重新來一遍。而且之前使用 stellar 主題也是因為這個主題有專欄,但試用之后發(fā)現(xiàn)專欄的功能沒有達到我的預(yù)期(通過引用博文的方式來組織專欄)。
所以,決定換一個博客工具,春節(jié)期間,一番折騰后,發(fā)現(xiàn)了 NotionNext。
Notion 是我一直在使用的一款強大的筆記工具,NotionNext 將 Notion 筆記實時渲染成靜態(tài)博客網(wǎng)站,就像下面這樣,在 Notion 中維護筆記,稍等片刻,網(wǎng)站的內(nèi)容就自動更新了。
下面介紹我是怎樣遷移到 NotionNext 的,大體有三個步驟:
1、將網(wǎng)站在 vercel 中運行起來;
2、綁定域名;
3、博客配置。
使用 vercel 托管vercel 是一個用來部署前端應(yīng)用的云平臺,我們使用 vercel 來進行網(wǎng)站的托管。步驟如下:
1、NotionNext 的 Github 地址是:https://github.com/tangly1024/NotionNext ,將該項目 fork 到自己的倉庫中;
2、在 https://vercel.com 網(wǎng)站中注冊賬號,成功注冊后,在 vercel 中創(chuàng)建項目 notion-next;
3、在 vercel 創(chuàng)建項目時,導(dǎo)入上面 fork 的 Git 項目;
4、在環(huán)境變量中添加 Notion 的 Page ID ,這樣就和 Notion 的數(shù)據(jù)庫做了綁定;
Notion 的 Page ID 在 Notion 的頁面點擊 Share 后的地址中獲?。?/p>
5、vercel 默認會提供域名供我們訪問,當然我們也能綁定自己的域名。
更多的介紹可以參考作者的博客:https://tangly1024.com/
域名綁定1、我使用 Cloudflare 來做 DNS 解析,Cloudflare 是一家全球最著名的 CDN 加速服務(wù)商,提供了免費和付費的網(wǎng)站加速和保護服務(wù);
2、在 Cloudflare 網(wǎng)站中注冊賬號,添加站點 fwhyy.com ;
3、在 Cloudflare 的 DNS 模塊設(shè)置 A 記錄和 CNAME,地址為 vercel 中的地址:
4、在 godaddy 中將域名的 DNS 設(shè)置為 Cloudflare 的 DNS 服務(wù)器:
5、在 vercel 中進行域名的添加,解析正常如下圖:
6、如果發(fā)現(xiàn)解析不正常,可以檢查下 Cloudflare 中的配置,ssl 中是否設(shè)置的是完全:
并且在「緩存/配置」中清除所有內(nèi)容:
配置經(jīng)過上面的步驟,就可以通過域名訪問了。但博客的一些基本設(shè)置還需要修改源碼。
將 fork 的項目下載到本地,主要修改根目錄下的 blog.config.js 文件:
配置中的項都有注釋說明,也可以自行修改,然后執(zhí)行 yarn dev在本地運行看效果。調(diào)整完成后,將代碼 push 到 Github 后,vercel 會自動進行編譯和發(fā)布:
最后如果您在使用 Notion ,又正好想要玩玩博客,我覺得可以試下 NotionNext 。不過我理想中的博客還是能隨意寫博客文章,又能方便地將現(xiàn)有的博客文章組織成專欄。
相關(guān)閱讀
-
當前觀察:我的博客換成了 NotionNext
在《程序員不可錯過的一款Hexo博客主題》中介紹了我博客的主題stell... -
環(huán)球報道:你可以直接體驗ChatGPT,只因...
每天9點準時發(fā)文喜歡給個星標AI智能聊天系統(tǒng)的熱度本來都下去了,現(xiàn)... -
我想讓每個人都能學(xué)會注冊ChatGPT
每天9點準時發(fā)文喜歡給個星標本來我想寫的,沒想到編程伐木累的機器... -
你相信公司里有所謂的“重點培養(yǎng)名單”...
本來定時的文沒想到違規(guī)了。當我發(fā)現(xiàn)的時候已經(jīng)是半夜了。沒辦法只... -
保研邊緣,想去微軟 天天熱頭條
作者:沉默王二Java程序員進階之路:https: tobebetterjavaer c... -
國企這情況,,辭職去北京-當前熱議
作者:沉默王二Java程序員進階之路:https: tobebetterjavaer c...