Skip to content
Jackblog react 版, 个人博客系统, 使用服务端渲染(Universal / Isomorphic), react, redux, react-router, react-bootstrap, immutablejs, redux-form等
JavaScript HTML CSS
Branch: master
Clone or download
Latest commit 74aa79f Nov 10, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
logs
src fix header other version link Oct 8, 2017
webpack update react-router Sep 18, 2017
.babelrc modify router config and server render Sep 17, 2017
.dockerignore update package Oct 1, 2016
.eslintignore
.eslintrc.json
.gitignore fix header other version link Oct 8, 2017
Dockerfile update to 2.3.0 Sep 18, 2017
LICENSE update to 2.3.0 Sep 18, 2017
README.md update to 2.3.0 Sep 18, 2017
nodemon.json
package-lock.json modify router config and server render Sep 17, 2017
package.json
process.json update to 2.3.0 Sep 18, 2017
server.js update to 2.3.0 Sep 18, 2017
tsconfig.json modify router config and server render Sep 17, 2017

README.md

jackblog react 版

Dependency Status devDependency Status

Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
服务端有: express 版 , koa 版
客户端有: angular1.x 版 , angular2.x 版 , react 版 , vue 版
移动端有: react native 版, ionic2.0 版

此为客户端react版, 需要配合服务端使用.

服务端任选一种, 请预先安装并启动服务端

开发

$ git clone git@github.com:jackhutu/jackblog-react.git
$ cd jackblog-react
$ npm install
$ npm run dev

在浏览中打开http://localhost:3000

调试

  • redux-logger 默认开启, 关闭方法
webpack-> webpack.config.dev.client.js -> __DEVLOGGER__ : false
webpack-> webpack.config.dev.client.js -> __DEVTOOLS__ : true

目录结构

.
├── README.md           
├── dist                     // 项目build目录
├── logs                     // 生产环境日志目录
├── src                      // 生产目录
│   ├── actions              // redux action目录
│   ├── api                  // API 请求
│   ├── assets               // css 和图片资源
│   ├── components           // 组件
│   ├── reducers             // redux reducer目录
│   ├── store                // store配置
│   ├── util                 // 工具函数
│   └── client.js            // 客户端入口
│   └── config.js            // api url, cookie domain等配置文件
│   └── index.html           // 生产环境生成ejs文件
│   └── routes.js            // 路由配置
│   └── server.js            // 服务端渲染文件
├── webpack                  // Webpack配置目录
│   ├── webpack.config.dev.client.js        // 开发的客户端Webpack配置文件
│   ├── webpack.config.dev.server.js        // 开发的服务端渲染Webpack 配置文件
│   ├── webpack-config-prod.js              // 生产的Webpack 配置文件
├── History.md               // 更新日志
├── nodemon.json             // nodemon配置文件
├── process.json             // pm2配置文件
├── server.js                // 项目server入口文件
.

生产环境构建

$ npm run build 或 npm run start

线上布署

$ pm2 start process.json

License

MIT

You can’t perform that action at this time.