纯手工打造轻量级独立博客

实现效果:

http://agoboy.com

设想:

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

前端设计:

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


后台图:
image

当然克服了很多困难,都是泪不多说,前端模板素材地址分享给大家
https://designrevision.com/downloads/shards-dashboard-lite/
前端数据流架构图

image

充分发挥JS动态渲染的优势,页面效果和动态网站无差别。

前端调用后端接口:

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

后端设计

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

你可能感兴趣的:(纯手工打造轻量级独立博客)