實(shí)現(xiàn)效果：
設(shè)想：
- 輕量化
- 微服務(wù)化
- 前端全靜態(tài)
- H5支持手機(jī)版
基于上面的設(shè)想，花一天的時間理順?biāo)悸罚窘Y(jié)構(gòu)如下：
前端設(shè)計(jì)：
前端架構(gòu)：選擇bootstrap4框架+marked.js渲染文章+XX前端模板+一頓狂改
零零散散，利用周末的時間敲出出了自己獨(dú)立博客的效果圖，慶幸的是一年沒有敲代碼的我功底還在，啥也不說上圖。
前臺圖：
WX20181013-140709@2x.png
后臺圖：
image
當(dāng)然克服了很多困難，都是淚不多說，前端模板素材地址分享給大家
https://designrevision.com/downloads/shards-dashboard-lite/
前端數(shù)據(jù)流架構(gòu)圖
image
充分發(fā)揮JS動態(tài)渲染的優(yōu)勢，頁面效果和動態(tài)網(wǎng)站無差別。
前端調(diào)用后端接口：
- 獲取文章列表及數(shù)據(jù)分頁查詢
- 獲取特定文章的Markdown鏈接
后端設(shè)計(jì)
HTTP服務(wù)器：Nginx
服務(wù)端:Jetty
數(shù)據(jù)庫：MySQL
圖片+Markdown文章：七牛對象存儲
選擇阿里的包月ECS，按流量收費(fèi)，大部分資源都放在了七牛云存儲上，可較好的降低ECS壓力，減少流量收費(fèi)。
版權(quán)：
文章遵循知識共享 署名-非商業(yè)性使用-禁止演繹 4.0 國際 許可協(xié)議
網(wǎng)站遵循 Apache License 2.0 開源協(xié)議
