距離上一版我的博客小程序發(fā)布將近一年時(shí)間凛剥，由于當(dāng)時(shí)剛接觸小程序，對它的語法和使用都不是很清晰堡称，現(xiàn)在回頭看之前的代碼寫法和架構(gòu)著實(shí)是有些粗糙撵彻，于是十二月的空余時(shí)間斷斷續(xù)續(xù)將它們重新折騰了一遍。
技術(shù)選型
前端框架?mpvue
mpvue框架基于Vue框架您单，重寫了其中的runtime和compiler斋荞，在用法上面和Vue大致相同，某些功能可能受限于小程序環(huán)境本身的原因而不能使用虐秦，但對于我這種簡單項(xiàng)目利好是有使用過Vue項(xiàng)目經(jīng)驗(yàn)提供了一個(gè)低門檻開發(fā)小程序（相較而言我更熟悉React風(fēng)格平酿，但目前未發(fā)現(xiàn)這種類型框架）、配合webpack定制也更為靈活悦陋。而放棄原生小程序?qū)懛ǖ脑蚩赡苁俏覍λ钠婒诒耍褂妙A(yù)編譯樣式過于麻煩，一層層的view也讓人眼花繚亂...
UI組件庫 vant weapp
有贊團(tuán)隊(duì)開源的移動(dòng)端 Vue 組件庫?Vant?的小程序版本俺驶。之前我的小程序項(xiàng)目一直是采用這個(gè)UI組件幸逆，使用方法上來說我也比較熟悉。當(dāng)然暮现，值得詬病的一點(diǎn)是它的功能樣式定制化相較之前使用過的antDesign還是不盡人意还绘。
富文本解析 parser
這是踩坑之旅中比對了mpvue-wxParse，再到htmltowxml栖袋，最終還是采用parser拍顷，其中的細(xì)節(jié)之后會(huì)專門探討。
后臺(tái)服務(wù)?云開發(fā)云函數(shù)
微信開放的云開發(fā)對于我這種簡單的個(gè)人項(xiàng)目來說絕對是一個(gè)好消息塘幅，意味著不需要自己搭建服務(wù)器和自建數(shù)據(jù)庫以及配置域名菇怀、https。而它所提供的基于云函數(shù)免鑒權(quán)使用小程序開放接口的能力晌块，包括服務(wù)端調(diào)用爱沟、獲取開放數(shù)據(jù)等功能也剛好解決我這款個(gè)人博客登錄、數(shù)據(jù)源獲取等一系列問題匆背。
博客定位
重新構(gòu)建之前大致思考了一下我的博客的定位問題呼伸，畢竟是想讓它成為為自己分享內(nèi)容和簡單交流的平臺(tái)而不僅僅是自嗨的工具。所以后續(xù)的頁面設(shè)計(jì)和功能也著重于這兩個(gè)方面钝尸。
首先括享，核心主題，所謂主題應(yīng)該是類別清晰珍促，和代碼設(shè)計(jì)理念上的弱耦合異曲同工铃辖。而博客內(nèi)容大部分以我原創(chuàng)或者半原創(chuàng)內(nèi)容為主。如果偏題和分類太多猪叙，會(huì)失去作為一款個(gè)人博客的特色娇斩，畢竟它也不是一個(gè)分享一切信息的網(wǎng)站仁卷。
再者，頁面設(shè)計(jì)犬第，博客的設(shè)計(jì)也應(yīng)該要做到簡潔和美锦积，簡潔可以給讀者創(chuàng)作純凈的閱讀體驗(yàn)，和第一版相比較歉嗓，去掉了一些不必要的元素和動(dòng)畫丰介，所注重的功能就讓它們安靜地?cái)R置在頁面等待讀者調(diào)用。而美的理解是件主觀的事鉴分，我所認(rèn)為的包括文章段落結(jié)構(gòu)哮幢，圖片位置等都應(yīng)該恰到好處的不突兀，配色也不需要太過復(fù)雜志珍，這些都需要在創(chuàng)作時(shí)用心的去精雕細(xì)琢橙垢。
整體效果
下面圖片展示是截取的幾個(gè)主要功能頁面，想要了解更多效果可以直接訪問博客小程序碴裙。
接下來我也會(huì)詳細(xì)更新教程介紹博客小程序開發(fā)過程遇到的一些坑以及分享一些心得钢悲。也歡迎大家留言點(diǎn)贊或吐槽。
