实现效果：

http://agoboy.com

设想：

• 轻量化
• 微服务化
• 前端全静态
• H5支持手机版 基于上面的设想，花一天的时间理顺思路，基本结构如下：

前端设计：

前端架构：选择bootstrap4框架+marked.js渲染文章+XX前端模板+一顿狂改 零零散散，利用周末的时间敲出出了自己独立博客的效果图，庆幸的是一年没有敲代码的我功底还在，啥也不说上图。 前台图： WX20181013-140709#2x.png" /> 后台图：

当然克服了很多困难，都是泪不多说，前端模板素材地址分享给大家 https://designrevision.com/downloads/shards-dashboard-lite/ 前端数据流架构图 充分发挥JS动态渲染的优势，页面效果和动态网站无差别。

前端调用后端接口：

• 获取文章列表及数据分页查询
• 获取特定文章的Markdown链接

后端设计

HTTP服务器：Nginx 服务端:Jetty 数据库：MySQL 图片+Markdown文章：七牛对象存储 选择阿里的包月ECS，按流量收费，大部分资源都放在了七牛云存储上，可较好的降低ECS压力，减少流量收费。 版权： 文章遵循知识共享 署名-非商业性使用-禁止演绎 4.0 国际 许可协议 网站遵循 Apache License 2.0  开源协议