blog-master（Khari & Yaru的美好回忆）

项目搭建

使用 react 全家桶搭配 ant-design UI库进行开发
目前没做移动端适配

• github：https://github.com/ant-design/ant-design
• 官网：https://ant.design/index-cn
• 预览：https://ant.design/components/overview-cn/

具体使用查看官网，这里只讲怎么启动项目

使用前准备

• 了解react技术栈
• 了解ant-design
• 确保已经成功启动了node后台api项目

启动项目

一、下载项目

• git clone [email protected]:sun0207/blog-master.git
• 直接download

二、进入项目，下载包

命令行： npm install 或 yarn install

三、启动项目

开发环境：npm start 或 yarn start

生产环境：npm build

完整效果请看：https://www.qianyaru.cn

项目结构

├── config                   # webpack 构建等配置
├── public
│   └── favicon.png          
├── scripts				  #项目启动文件
├── src
│   ├── assets               # 本地静态资源
│   ├── components           # 业务通用组件
│   ├── pages                # 业务页面入口和常用模板
│   ├── router               # 路由
│   ├── store                # store数据
│   ├── services             # 后台接口服务
│   ├── utils                # 工具库
│   ├── views                # 页面通用模板
├── README.md
└── package.json

源码地址与文档教程

源码地址：

• 前端展示： https://github.com/sun0207/blog-master

• 管理后台： https://github.com/sun0207/admin-blog-master

• 后端api： https://github.com/sun0207/api-blog-master

线上地址：

• 前端展示： https://www.qianyaru.cn

• 管理后台： http://admin.qianyaru.cn

• 后端api： http://api.qianyaru.cn

最后

如果你觉得不错，欢迎 star 一下，特别感谢！

有问题可以扫下方二维码 添加我的微信 或 关注我的公众号，

关注公众号并回复 1024 获取项目源码和更多资源。