實現(xiàn)效果：
設(shè)想：
- 輕量化
- 微服務(wù)化
- 前端全靜態(tài)
- H5支持手機版
基于上面的設(shè)想氧猬，花一天的時間理順思路，基本結(jié)構(gòu)如下：
前端設(shè)計：
前端架構(gòu)：選擇bootstrap4框架+marked.js渲染文章+XX前端模板+一頓狂改
零零散散脆烟，利用周末的時間敲出出了自己獨立博客的效果圖，慶幸的是一年沒有敲代碼的我功底還在房待，啥也不說上圖邢羔。
前臺圖：
WX20181013-140709@2x.png
后臺圖：
image
當然克服了很多困難，都是淚不多說桑孩，前端模板素材地址分享給大家
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è)計
HTTP服務(wù)器：Nginx
服務(wù)端:Jetty
數(shù)據(jù)庫：MySQL
圖片+Markdown文章：七牛對象存儲
選擇阿里的包月ECS流椒，按流量收費敏簿，大部分資源都放在了七牛云存儲上，可較好的降低ECS壓力宣虾，減少流量收費惯裕。
版權(quán)：
文章遵循知識共享 署名-非商業(yè)性使用-禁止演繹 4.0 國際 許可協(xié)議
網(wǎng)站遵循 Apache License 2.0 開源協(xié)議
