
A web app for sharing blogs and knowledge
前言
这只是一个demo级别的blog网站,开发初衷是学习node的express框架,一开始网站的前端是用ejs模板渲染出来的,几乎没有前端的js代码,逻辑和功能也很简单。后来就想前后端分离,用react全家桶重新实现功能,后来逻辑越来越多,也按照产品的规格去实现。
一开始名字就是简单的Microblog,后来改名Ocean,寓意分享知识的海洋。准备功能再完善一些能在公网上线,顺便学习下服务器部署、运维那些事儿。
实现技术栈
- 后端:nodejs, express4.x
- 数据库: mongodb, mongoose
- 前端: react, react-router4.x, redux, es6+, material-ui
- 构建: webpack, babel
安装,启动
clone代码到本地并安装依赖:
git clone https://github.com/Maxpsc/Ocean.git
cd Ocean && npm install
需要自行安装mongodb, 详情见MongoDB .
数据库管理这里墙裂推荐Studio 3T, 无需破解,有免费版且很实用。
安装完,启动数据库:sudo mongod
启动后台服务(默认3000端口):npm run server
启动开发环境(默认9090端口):npm run dev
build代码:npm run build
预览
首页

markdown展示

修改个人信息

开发心得
抽空补完
待实现
- 列表项分页
- 优化样式
- 首页文章简要信息
- 表格管理文章行高限制
- 多端适配
- 。。。其它
- 上传图片添加文件大小限制,裁剪功能
- 优化代码结构,优化性能