# React_Koa_Blog

**Repository Path**: zhousiwei/blog

## Basic Information

- **Project Name**: React_Koa_Blog
- **Description**: React + Redux + Ts + Antd + Koa + MongoDB 博客网站。兼容移动端
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: http://zhousiwei.gitee.io/blog
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 4
- **Created**: 2019-07-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# React+Redux+Ts+Antd+Webpack+Koa 构建个人博客

> ##### 技术选型：`react` + `redux` + `antd` + `ts` + `webpack` + `koa`
> ##### 实现效果：个人博客网页展示，兼容移动端

- [English](README.en.md) | 中文

## 介绍

- 身为一名软件工程师，博客是必须的，这也是写这个项目的初衷
- 功能还很少，欢迎各位给我提意见和建议~
- **本项目源于：[https://gitee.com/redspite/blog](https://gitee.com/redspite/blog "https://gitee.com/redspite/blog")。向作者表示深深的敬意。**

## 线上预览

> **预览 ➡️ [https://zhousiwei.gitee.io/blog](https://zhousiwei.gitee.io/blog)**

## 项目截图

[![試毅-思伟的个人简历](./blog_mini.png "試毅-思伟的个人简历")](http://zhousiwei.gitee.io/blog "試毅-思伟的个人简历")

## 主要功能

 **博客前端**
- [x] 个人简历展示
- [x] 文章列表分页
- [x] 文章详情

**Koa服务端**

## 技术栈
- [x] react
- [x] redux
- [x] react-redux
- [x] react-router
- [x] redux-thunk
- [x] ant-design
- [x] typescript
- [x] webpack
- [x] Koa
- [x] MongoDB
- [x] Mongoose

## 本地预览

#### 博客前端运行
```bash
npm install
npm run start
```

#### 服务器运行
```bash
cd server
npm install
node index
```

#### 编译部署
```bash
npm run build
```

## 项目结构

```lua
blog
├── .babelrc
├── .gitignore
├── package-lock.json
├── package.json
├── README.en.md
├── README.md
├── tsconfig.json
├── yarn.lock
│
├── config
|    ├── env.js
|    ├── paths.js
|    ├── webpack.config.js
|    ├── webpackDevServer.config.js
|    ├── jest
|    |    ├── cssTransform.js
|    |    ├── fileTransform.js
│
├── public
|    ├── favicon.ico
|    ├── forkme.png
|    ├── index.html
|    ├── manifest.json
│
├── scripts
|    ├── build.js
|    ├── start.js
|    ├── test.js
│
├── server
|    ├── db
|    ├── routers
|    ├── utils
│
├── src
|    ├── bg.jpg
|    ├── declare_modules.d.ts
|    ├── font.less
|    ├── index.less
|    ├── index.tsx
|    ├── react-app-env.d.ts
|    ├── serviceWorker.ts
|    ├── api
|    |    ├── api.js
|    ├── components
|    |   ├── Bottom
|    |   |   ├── bottom.less
|    |   |   ├── Bottom.tsx
|    |   ├── Gotop
|    |   |   ├── gotop.less
|    |   |   ├── Gotop.tsx
|    |   |   ├── top.png
|    |   ├── Header
|    |   |   ├── header.jpg
|    |   |   ├── header.less
|    |   |   ├── Header.tsx
|    |   ├── Music
|    |   |   ├── bgm.mp3
|    |   |   ├── music.less
|    |   |   ├── music.png
|    |   |   ├── Music.tsx
|    |   ├── Toast
|    |   |   ├── toast.less
|    |   |   ├── Toast.tsx
|    ├── containers
|    |   ├── Cv
|    |   |   ├── cv.less
|    |   |   ├── Cv.tsx
|    |   ├── Detail
|    |   |   ├── detail.less
|    |   |   ├── Detail.tsx
|    |   ├── NoMatch
|    |   |   ├── nomatch.less
|    |   |   ├── NoMatch.tsx
|    |   |   ├── none.svg
|    |   ├── Note
|    |   |   ├── Note.tsx
|    ├── routers
|    |    ├── routers.js
```

**一直在努力,从未放弃**
> 不浮躁，不偏激，不守旧，爱编程，爱后端，爱新技术，爱运动，爱旅行，执行力和学习能力都棒棒哒！

# 关于我
- [个人博客](https://zhousiwei.gitee.io/)
- [开源项目](https://zhousiwei.gitee.io/ibooks/opensource)
- [GitHub](https://github.com/JoeyBling)
- [码云](https://gitee.com/zhousiwei)
- [简书](https://www.jianshu.com/u/02cbf31a043a)
- [CSDN](https://blog.csdn.net/qq_30930805)
- [知乎](https://www.zhihu.com/people/joeybling)
- [微博](http://weibo.com/jayinfo)
- **主要涉及技术：`Java后端开发`、`聚合支付`、`公众号开发`、`开源爱好者`、`Linux`**