1. 介绍

关于Fusion Design + React-router + redux + eggjs 构建个人博客.

这里分为三部分:

• blog的展示
• 管理博客的项目
• eggjs的后端代码

1.1 Fusion Design

Alibaba Fusion Design System 是一套旨在全面提升设计、开发效率的工作方式。通过协助企业构建设计系统，提供系统化工具协助设计师、前端使用设计系统，提供一站式设计项目协助平台，打通互联网产品从设计到开发的工作流。

1.2 eggjs

基于koa开发的nodejs后端框架,特性如下:

• 提供基于 Egg 定制上层框架的能力
• 高度可扩展的插件机制
• 内置多进程管理
• 基于 Koa 开发，性能优异
• 框架稳定，测试覆盖率高
• 渐进式开发

1.3 其他

在项目中使用React-router,redux,MySQL等,构建的博客.

2. 设计

2.1 表设计

博客系统,主要是以写博客为了,表的设计如下:

users - 用户表

blogs - 博客表

catalog - 目录表

collects - 收藏表 - 收藏一些链接

comments - 评论

2.2 前端页面设计

前端分为两个项目,一个是博客展示,一个是博客管理

2.2.1 博客展示

对于博客展示主要功能如下:

• 登录与注册
• 查看博客/评论
• 查看收藏
• 其他

已经完成功能:

• [√] 登录
• [√] 查看博客和详情

2.2.２ 博客管理

对于博客管理主要功能如下:

• 登录与注册
• 创建博客
• 创建分类
• 创建标签
• 其他

已经完成功能:

• [√] 登录
• [√] 创建博客
• [√] 删除和编辑博客

2.３ 后端页面设计

主要只用eggjs去搭建一个博客系统，可以参照官网进行操作．请点击这里

3 实现

实现代码我已经放到github,请点击这里，关于博客的发布，查看删除功能已经实现，大家可以参考参考，这会持续的更新～～～