兵團基地

一起學習、共同進步。

兵團基地

关于本站的开发相关 (PG_Coding_site)

1. 技术栈

1.1. 前端

React	视图
React-Router	路由
React-Redux	状态管理
Material-UI	UI 框架
Material-UI-Icons	字体图标
Axios	请求
Less	样式
Highlightjs	代码高亮
Marked	页面 Markdown 支持
Monaco-Editor	实时 Markdown 编辑

1.2. 后端

Express	Web 框架
MySQL	数据库
Sequelize	SQL ORM
Markdown	文章格式

1.3. 其他

Material-UI-Icons	字体图标
Typeface-Roboto	页面主要字体
OpenSans-Regular	文章主体字体

1.4. 主要辅助工具

Webpack	构建工具
Eslint	代码检查
Babel	JS 预编译
Postcss	CSS 处理
Sequelize-Auto	反向 ORM
Prop-Types	React 静态检查
Webpack-Bundle-Analyzer	JS 打包分析

2. 计划

> UPDATE: 2018.04.03.

第一版要实现的内容：(v1.0.0)

采用 RESTFUL 接口实现前后端数据交互
React, React-Router, React-Redux + Material-UI 打造前端界面
Axios 完成基本数据交互，Express 作为后端架构提供功能支持
以 MySQL 作为主要数据库，Markdown 作为文章格式
完善过渡动画 ^{UPDATE: 2018.04.16. -> NEW}

第二版要实现的内容：(v2.0.0)

换用 GraphQL 接口，整合进 API CENTRE
添加 SSR, 引入页面缓存机制及接口缓存机制
~~考虑采用消息订阅机制实现过渡动画~~ ^{UPDATE: 2018.04.16. -> 移到 v1 中实现}
完善编辑器
重新设计移动端的显示，现在太丑了

第三版要实现的内容：(v3.0.0)

采用自己的 UI 库
优化状态树结构及功能
编辑器提供更多功能（另存为 / 写代码 / 多源DIFF等）
提供 RSS 消息订阅，（考虑整合公众号推送）

… UP COMING…

3. 废话

3.1. 关于选材

首先设计上基本是 Material Design 的那一套，只是将大部分的卡片扁平化了。

虽然知道这个 UI 框架的性能可能不是很好，兼容也不是很好，但是就是很喜欢 Material Design 这套；
因为这几乎是 “最正宗”、“最原汁原味” 的一个。

另外，可能这个博客也没多少人来围观吧 ?

如果有人来，那一定是程序猿，

程序猿也不可能用 IE!

Problem Solved :)

3.2. 关于这个站点

目前站点跑的是线上测试 v0.9.0 版本的代码。

主要是要测试并调试出现的 Bug，等线上调试的差不多了会加上 CDN 处理这些自己打包的业务代码，估计访问速度能好很多。现在略慢 = =

3.3. 关于这篇文档

这篇文档将会长期更新，主要更新 CHANGE LOG 及 NEW UPDATE.

4. 日志

UPDATE: 2018.04.16:

准备开发新加的需求：(v1.0) 完善加载动画等内容。

UPDATE: 2018.04.13:

v0.9 基本完成。上线测试及调试。