對蚊子我的博客進行了完全的改造

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

在coding網站開始對靜態博客收費後，各個第三方的評論系統也相繼沒法使用的狀況下，因而就產生了對博客進行改造的想法。域名備案，購買服務器，把博客改造爲php語言的，評論系統本身寫，全部的數據都存儲到數據庫中。

以前的博客是基於jekyll的靜態博客，靜態博客的好處就是，能全身心的寫博客，而不用關注其餘任何的配置。同時，在託管到github等一些網站上時，使用git就能直接push上去，不用ftp等工具上傳。使用簡單方便。

但是，考慮到github有時候不穩定，coding也不能無償使用了，使用的第三方評論系統（多說，網易雲跟帖等）也相繼關閉不能使用了。這時，就萌生了要把靜態博客改造爲基於php的博客系統。因而在下班的休息時間之餘，在基本不改變博客外觀的狀況下，對博客進行裏改造。

1. 網頁的DOM結構更加清晰

   以前的博客裏，有不少無心義的標籤，並且嵌套比較深。這些內容在新版裏，都進行了改善

2. 靜態資源按頁面加載

   以前的博客裏，把全部的css，js都分別打包到一個文件裏，每一個頁面加載這兩個文件，致使加載了不少對該頁面無心義的代碼。新版的博客裏，都是隻加載當前頁面須要的css和js

3. 首頁添加了分頁

   能在首頁中經過分頁查看到全部的博客文章

4. 實現基於微博登陸的評論系統

   第三方評論系統這麼不靠譜，只能本身實現了

5. 添加相關文章推薦

   基於當前文章的分類與標籤，在文章底部推薦類似的6篇文章

全部的數據都存儲在數據庫中後，我也實現了一個簡單的後臺管理系統，用來管理博客文章和評論。就目前而言，依然還有不少的東西須要完善，好比能夠給文章添加一個點贊系統，好比後臺的文章上傳頁還不支持markdown實時預覽，等等。

其實在實現這個博客系統時，當時考慮了很多的問題，好比，是否要本身實現一個mvc的方式來編寫，固然，這個想法後來放棄了，改用codeigniter了；博客的評論內容是要同步加載，仍是異步加載呢？後來考慮到二者的緩存時間不同，文章能夠長期緩存（沒有大問題的狀況基本再也不更改），可是評論內容是隨時都有可能更新的，因而就按照異步加載評論內容來實現了；是否要實現評論內容的郵件提醒，我想不少用戶在你的網站評論後，也就離開了，其餘用戶對其內容的回覆再也沒有迴應了，因而就添加了一個簡單的郵件提醒，但願他能收到其餘用戶對他評論的回覆；等等。

下節，咱們稍微講解下，評論系統是如何實現的。

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