实现效果：
设想：
- 轻量化
- 微服务化
- 前端全静态
- H5支持手机版
基于上面的设想，花一天的时间理顺思路，基本结构如下：
前端设计：
前端架构：选择bootstrap4框架+marked.js渲染文章+XX前端模板+一顿狂改
零零散散，利用周末的时间敲出出了自己独立博客的效果图，庆幸的是一年没有敲代码的我功底还在，啥也不说上图。
前台图：
WX20181013-140709@2x.png
后台图：
image
当然克服了很多困难，都是泪不多说，前端模板素材地址分享给大家
https://designrevision.com/downloads/shards-dashboard-lite/
前端数据流架构图
image
充分发挥JS动态渲染的优势，页面效果和动态网站无差别。
前端调用后端接口：
- 获取文章列表及数据分页查询
- 获取特定文章的Markdown链接
后端设计
HTTP服务器：Nginx
服务端:Jetty
数据库：MySQL
图片+Markdown文章：七牛对象存储
选择阿里的包月ECS，按流量收费，大部分资源都放在了七牛云存储上，可较好的降低ECS压力，减少流量收费。
版权：
文章遵循知识共享 署名-非商业性使用-禁止演绎 4.0 国际 许可协议
网站遵循 Apache License 2.0 开源协议
