對蚊子個人博客進(jìn)行了徹底的改造

silvertheo 發(fā)布于2019-06-28 13:33 / 853人閱讀

摘要：文章地址在網(wǎng)站開始對靜態(tài)博客收費后，各個第三方的評論系統(tǒng)也相繼無法使用的情況下，于是就產(chǎn)生了對博客進(jìn)行改造的想法。于是在下班的休息時間之余，在基本不改變博客外觀的情況下，對博客進(jìn)行里改造。

文章地址： https://www.xiabingbao.com/blog/2017/08/22/new-blog.html

在coding網(wǎng)站開始對靜態(tài)博客收費后，各個第三方的評論系統(tǒng)也相繼無法使用的情況下，于是就產(chǎn)生了對博客進(jìn)行改造的想法。域名備案，購買服務(wù)器，把博客改造為php語言的，評論系統(tǒng)自己寫，所有的數(shù)據(jù)都存儲到數(shù)據(jù)庫中。

之前的博客是基于jekyll的靜態(tài)博客，靜態(tài)博客的好處就是，能全身心的寫博客，而不用關(guān)注其他任何的配置。同時，在托管到github等一些網(wǎng)站上時，使用git就能直接push上去，不用ftp等工具上傳。使用簡單方便。

可是，考慮到github有時候不穩(wěn)定，coding也不能免費使用了，使用的第三方評論系統(tǒng)（多說，網(wǎng)易云跟帖等）也相繼關(guān)閉不能使用了。這時，就萌生了要把靜態(tài)博客改造為基于php的博客系統(tǒng)。于是在下班的休息時間之余，在基本不改變博客外觀的情況下，對博客進(jìn)行里改造。

網(wǎng)頁的DOM結(jié)構(gòu)更加清晰

之前的博客里，有很多無意義的標(biāo)簽，而且嵌套比較深。這些內(nèi)容在新版里，都進(jìn)行了改善

靜態(tài)資源按頁面加載

之前的博客里，把所有的css，js都分別打包到一個文件里，每個頁面加載這兩個文件，導(dǎo)致加載了很多對該頁面無意義的代碼。新版的博客里，都是只加載當(dāng)前頁面需要的css和js

首頁添加了分頁

能在首頁中通過分頁查看到所有的博客文章

實現(xiàn)基于微博登錄的評論系統(tǒng)

第三方評論系統(tǒng)這么不靠譜，只能自己實現(xiàn)了

添加相關(guān)文章推薦

基于當(dāng)前文章的分類與標(biāo)簽，在文章底部推薦相似的6篇文章

所有的數(shù)據(jù)都存儲在數(shù)據(jù)庫中后，我也實現(xiàn)了一個簡單的后臺管理系統(tǒng)，用來管理博客文章和評論。就目前而言，依然還有很多的東西需要完善，比如可以給文章添加一個點贊系統(tǒng)，比如后臺的文章上傳頁還不支持markdown實時預(yù)覽，等等。

其實在實現(xiàn)這個博客系統(tǒng)時，當(dāng)時考慮了不少的問題，比如，是否要自己實現(xiàn)一個mvc的方式來編寫，當(dāng)然，這個想法后來放棄了，改用codeigniter了；博客的評論內(nèi)容是要同步加載，還是異步加載呢？后來考慮到兩者的緩存時間不一樣，文章可以長期緩存（沒有大問題的情況基本不再更改），但是評論內(nèi)容是隨時都有可能更新的，于是就按照異步加載評論內(nèi)容來實現(xiàn)了；是否要實現(xiàn)評論內(nèi)容的郵件提醒，我想很多用戶在你的網(wǎng)站評論后，也就離開了，其他用戶對其內(nèi)容的回復(fù)再也沒有回應(yīng)了，于是就添加了一個簡單的郵件提醒，希望他能收到其他用戶對他評論的回復(fù)；等等。

下節(jié)，我們稍微講解下，評論系統(tǒng)是如何實現(xiàn)的。

文章地址： https://www.xiabingbao.com/blog/2017/08/22/new-blog.html