纯手工打造轻量级独立博客,欢迎大家来交换链接

roker 发布于 1月前
无人欣赏。

实现效果:

http://agoboy.com

设想:

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

前端设计:

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

共6条回复
mengyilingjian 回复于 4周前

我昨天才买的服务器和域名,也准备写一个。做的还不错,继续努力。

tinyfool 回复于 3周前

自己搞一个blog系统的目的是啥?

doujia 回复于 3周前

2楼 @tinyfool 额开源的前端太丑了,自己写个用的舒服。

rebel_coder 回复于 3周前

我前几天也拆了wordpress搭的blog. 改用React写成纯静态的.纯粹是为了玩...不过目前就做了个标题...

ukyozq 回复于 1周前

我也要写个BLOG了~

doujia 回复于 1周前

5楼 @ukyozq 4楼 @rebel_coder 今天刚刚把disqus评论系统加进去,成本好高啊

登录 或者 注册