diff --git a/gitbook/Architecture/App.md b/gitbook/Architecture/App.md
new file mode 100644
index 00000000..5d5681fd
--- /dev/null
+++ b/gitbook/Architecture/App.md
@@ -0,0 +1,2 @@
+# App
+
diff --git a/gitbook/Architecture/Celery.md b/gitbook/Architecture/Celery.md
new file mode 100644
index 00000000..96dcec50
--- /dev/null
+++ b/gitbook/Architecture/Celery.md
@@ -0,0 +1,2 @@
+# Celery
+
diff --git a/gitbook/Architecture/README.md b/gitbook/Architecture/README.md
new file mode 100644
index 00000000..21444c29
--- /dev/null
+++ b/gitbook/Architecture/README.md
@@ -0,0 +1,2 @@
+# 架构
+
diff --git a/gitbook/Concept/Deploy.md b/gitbook/Concept/Deploy.md
new file mode 100644
index 00000000..12f55ebf
--- /dev/null
+++ b/gitbook/Concept/Deploy.md
@@ -0,0 +1,6 @@
+# 部署
+
+所有爬虫在运行前需要被部署当相应当节点中。
+
+部署时，爬虫会被打包到相应的目录中，方便环境隔离，开发环境的爬虫和生产环境的爬虫需要打包部署来实现隔离。
+
diff --git a/gitbook/Concept/Node.md b/gitbook/Concept/Node.md
new file mode 100644
index 00000000..3132f93f
--- /dev/null
+++ b/gitbook/Concept/Node.md
@@ -0,0 +1,3 @@
+# 节点
+
+节点其实就是Celery中的Worker。一个节点运行时会连接到一个任务队列（例如Redis）来接收和运行任务。所有爬虫需要在运行时被部署到节点上，用户在部署前需要定义节点的IP地址和端口。
diff --git a/gitbook/Concept/README.md b/gitbook/Concept/README.md
new file mode 100644
index 00000000..a36e857f
--- /dev/null
+++ b/gitbook/Concept/README.md
@@ -0,0 +1,2 @@
+# 概念
+
diff --git a/gitbook/Concept/Spider.md b/gitbook/Concept/Spider.md
new file mode 100644
index 00000000..dd7bebc1
--- /dev/null
+++ b/gitbook/Concept/Spider.md
@@ -0,0 +1,15 @@
+# 爬虫
+
+## 自动发现
+
+在`config.py`文件中，修改变量`PROJECT_SOURCE_FILE_FOLDER`作为爬虫项目所在的目录。Crawlab后台程序会自动发现这些爬虫项目并储存到数据库中。是不是很方便？
+
+## 部署爬虫
+
+所有爬虫需要在抓取前被部署当相应当节点中。在"爬虫详情"页面点击"Deploy"按钮，爬虫将被部署到所有有效到节点中。
+
+## 运行爬虫
+
+部署爬虫之后，你可以在"爬虫详情"页面点击"Run"按钮来启动爬虫。一个爬虫任务将被触发，你可以在任务列表页面中看到这个任务。
+
+
diff --git a/gitbook/Concept/Task.md b/gitbook/Concept/Task.md
new file mode 100644
index 00000000..bd75b96f
--- /dev/null
+++ b/gitbook/Concept/Task.md
@@ -0,0 +1,3 @@
+# 任务
+
+任务被触发并被节点执行。用户可以在任务详情页面中看到任务到状态、日志和抓取结果。
diff --git a/gitbook/Examples/README.md b/gitbook/Examples/README.md
new file mode 100644
index 00000000..65afe604
--- /dev/null
+++ b/gitbook/Examples/README.md
@@ -0,0 +1,2 @@
+# Examples
+
diff --git a/gitbook/QuickStart/Installation.md b/gitbook/QuickStart/Installation.md
new file mode 100644
index 00000000..3fce3e1c
--- /dev/null
+++ b/gitbook/QuickStart/Installation.md
@@ -0,0 +1,22 @@
+# 安装
+
+最快安装Crawlab的方式是克隆一份代码到本地
+
+```bash
+git clone https://github.com/tikazyq/crawlab
+```
+
+安装类库
+
+```bash
+# 安装后台类库
+pip install -r requirements.txt
+```
+
+```bash
+# 安装前台类库
+cd frontend
+npm install
+```
+
+
diff --git a/gitbook/QuickStart/README.md b/gitbook/QuickStart/README.md
new file mode 100644
index 00000000..6a6ea76f
--- /dev/null
+++ b/gitbook/QuickStart/README.md
@@ -0,0 +1,4 @@
+# 快速开始
+
+- [安装](Installation.md)
+- [运行](Run.md)
diff --git a/gitbook/QuickStart/Run.md b/gitbook/QuickStart/Run.md
new file mode 100644
index 00000000..623261fe
--- /dev/null
+++ b/gitbook/QuickStart/Run.md
@@ -0,0 +1,59 @@
+# 运行
+
+在运行之前需要对Crawlab进行一些配置，配置文件为`config.py`。
+
+```python
+# project variables
+PROJECT_SOURCE_FILE_FOLDER = '/Users/yeqing/projects/crawlab/spiders' # 爬虫源码根目录
+PROJECT_DEPLOY_FILE_FOLDER = '/var/crawlab'  # 爬虫部署根目录
+PROJECT_LOGS_FOLDER = '/var/logs/crawlab'  # 日志目录
+PROJECT_TMP_FOLDER = '/tmp'  # 临时文件目录
+
+# celery variables
+BROKER_URL = 'redis://192.168.99.100:6379/0'  # 中间者URL，连接redis
+CELERY_RESULT_BACKEND = 'mongodb://192.168.99.100:27017/'  # CELERY后台URL
+CELERY_MONGODB_BACKEND_SETTINGS = {
+    'database': 'crawlab_test',
+    'taskmeta_collection': 'tasks_celery',
+}
+CELERY_TIMEZONE = 'Asia/Shanghai'
+CELERY_ENABLE_UTC = True
+
+# flower variables
+FLOWER_API_ENDPOINT = 'http://localhost:5555/api'  # Flower服务地址
+
+# database variables
+MONGO_HOST = '192.168.99.100'
+MONGO_PORT = 27017
+MONGO_DB = 'crawlab_test'
+
+# flask variables
+DEBUG = True
+FLASK_HOST = '127.0.0.1'
+FLASK_PORT = 8000
+```
+
+启动后端API，也就是一个Flask App，可以直接启动，或者用gunicorn代替。
+
+```bash
+python app.py
+```
+
+启动Flower服务（抱歉目前集成Flower到App服务中，必须单独启动来获取节点信息，后面的版本不需要这个操作）。
+
+```bash
+python ./bin/run_flower.py
+```
+
+启动本地Worker。在其他节点中如果想只是想执行任务的话，只需要启动这一个服务就可以了。
+
+```bash
+python ./bin/run_worker.py
+```
+
+启动前端服务器。
+
+```bash
+cd ../frontend
+npm run serve
+```
diff --git a/gitbook/README.md b/gitbook/README.md
new file mode 100644
index 00000000..613decad
--- /dev/null
+++ b/gitbook/README.md
@@ -0,0 +1,167 @@
+# Crawlab
+基于Celery的爬虫分布式爬虫管理平台，支持多种编程语言以及多种爬虫框架.
+
+[查看演示 Demo](http://139.129.230.98:8080)
+
+[English Documentation](https://github.com/tikazyq/crawlab/blob/master/README.md)
+
+## 要求
+- Python3
+- MongoDB
+- Redis
+
+## 安装
+
+```bash
+# 安装后台类库
+pip install -r requirements.txt
+```
+
+```bash
+# 安装前台类库
+cd frontend
+npm install
+```
+
+## 配置
+
+请更改配置文件`config.py`，配置API和数据库连接.
+
+## 快速开始
+```bash
+# 启动后端API
+python app.py
+
+# 启动Flower服务
+python ./bin/run_flower.py
+
+# 启动worker
+python ./bin/run_worker.py
+```
+
+```bash
+# 运行前端
+cd frontend
+npm run serve
+```
+
+## 截图
+
+#### 首页
+![home](./img/screenshot-home.png)
+
+#### 爬虫列表
+
+![spider-list](./img/screenshot-spiders.png)
+
+#### 爬虫详情 - 概览
+
+![spider-list](./img/screenshot-spider-detail-overview.png)
+
+#### 任务详情 - 抓取结果
+
+![spider-list](./img/screenshot-task-detail-results.png)
+
+## 架构
+
+Crawlab的架构跟Celery非常相似，但是加入了包括前端、爬虫、Flower在内的额外模块，以支持爬虫管理的功能。
+
+![crawlab-architecture](./img/crawlab-architecture.png)
+
+### 节点
+
+节点其实就是Celery中的Worker。一个节点运行时会连接到一个任务队列（例如Redis）来接收和运行任务。所有爬虫需要在运行时被部署到节点上，用户在部署前需要定义节点的IP地址和端口。
+
+### 爬虫
+
+##### 自动发现
+
+在`config.py`文件中，修改变量`PROJECT_SOURCE_FILE_FOLDER`作为爬虫项目所在的目录。Crawlab后台程序会自动发现这些爬虫项目并储存到数据库中。是不是很方便？
+
+##### 部署爬虫
+
+所有爬虫需要在抓取前被部署当相应当节点中。在"爬虫详情"页面点击"Deploy"按钮，爬虫将被部署到所有有效到节点中。
+
+##### 运行爬虫
+
+部署爬虫之后，你可以在"爬虫详情"页面点击"Run"按钮来启动爬虫。一个爬虫任务将被触发，你可以在任务列表页面中看到这个任务。
+
+### 任务
+
+任务被触发并被节点执行。用户可以在任务详情页面中看到任务到状态、日志和抓取结果。
+
+### 后台应用
+
+这是一个Flask应用，提供了必要的API来支持常规操作，例如CRUD、爬虫部署以及任务运行。每一个节点需要启动Flask应用来支持爬虫部署。运行`python manage.py app`或`python ./bin/run_app.py`来启动应用。
+
+### 中间者
+
+中间者跟Celery中定义的一样，作为运行异步任务的队列。
+
+### 前端
+
+前端其实就是一个基于[Vue-Element-Admin](https://github.com/PanJiaChen/vue-element-admin)的单页应用。其中重用了很多Element-UI的控件来支持相应的展示。
+
+## 与其他框架的集成
+
+任务是利用python的`subprocess`模块中的`Popen`来实现的。任务ID将以环境变量`CRAWLAB_TASK_ID`的形式存在于爬虫任务运行的进程中，并以此来关联抓取数据。
+
+在你的爬虫程序中，你需要将`CRAWLAB_TASK_ID`的值以`task_id`作为可以存入数据库中。这样Crawlab就直到如何将爬虫任务与抓取数据关联起来了。当前，Crawlab只支持MongoDB。
+
+### Scrapy
+
+以下是Crawlab跟Scrapy集成的例子，利用了Crawlab传过来的task_id和collection_name。
+
+```python
+import os
+from pymongo import MongoClient
+
+MONGO_HOST = '192.168.99.100'
+MONGO_PORT = 27017
+MONGO_DB = 'crawlab_test'
+
+# scrapy example in the pipeline
+class JuejinPipeline(object):
+    mongo = MongoClient(host=MONGO_HOST, port=MONGO_PORT)
+    db = mongo[MONGO_DB]
+    col_name = os.environ.get('CRAWLAB_COLLECTION')
+    if not col_name:
+        col_name = 'test'
+    col = db[col_name]
+
+    def process_item(self, item, spider):
+        item['task_id'] = os.environ.get('CRAWLAB_TASK_ID')
+        self.col.save(item)
+        return item
+```
+
+## 与其他框架比较
+
+限制以及有一些爬虫管理框架了，因此为啥还要用Crawlab？
+
+因为很多现有当平台都依赖于Scrapyd，限制了爬虫的编程语言以及框架，爬虫工程师只能用scrapy和python。当然，scrapy是非常优秀的爬虫框架，但是它不能做一切事情。
+
+Crawlab使用起来很方便，也很通用，可以适用于几乎任何主流语言和框架。它还有一个精美的前端界面，让用户可以方便的管理和运行爬虫。
+
+|框架 | 类型 | 分布式 | 前端 | 依赖于Scrapyd |
+|:---:|:---:|:---:|:---:|:---:|
+| [Crawlab](https://github.com/tikazyq/crawlab) | 管理平台 | Y | Y | N
+| [Gerapy](https://github.com/Gerapy/Gerapy) | 管理平台 | Y | Y | Y
+| [SpiderKeeper](https://github.com/DormyMo/SpiderKeeper) | 管理平台 | Y | Y | Y
+| [ScrapydWeb](https://github.com/my8100/scrapydweb) | 管理平台 | Y | Y | Y
+| [Scrapyd](https://github.com/scrapy/scrapyd) | 网络服务 | Y | N | N/A
+
+## TODOs
+##### 后端
+- [ ] 文件管理
+- [ ] MySQL数据库支持
+- [ ] 重跑任务
+- [ ] 节点监控
+- [ ] 更多爬虫例子
+
+##### 前端
+- [ ] 任务数据统计
+- [ ] 表格过滤
+- [x] 多语言支持 (中文)
+- [ ] 登录和用户管理
+- [ ] 全局搜索
diff --git a/gitbook/SUMMARY.md b/gitbook/SUMMARY.md
new file mode 100644
index 00000000..9cbc8dec
--- /dev/null
+++ b/gitbook/SUMMARY.md
@@ -0,0 +1,18 @@
+# Summary
+
+* [简介](README.md)
+* [快速开始](QuickStart/README.md)
+    * [安装](QuickStart/Installation.md)
+    * [运行](QuickStart/Run.md)
+* [概念](Concept/README.md)
+    * [节点](Concept/Node.md)
+    * [爬虫](Concept/Spider.md)
+    * [任务](Concept/Task.md)
+    * [部署](Concept/Deploy.md)
+* [架构](Architecture/README.md)
+    * [Celery](Architecture/Celery.md)
+    * [App](Architecture/App.md)
+* [Examples](Examples/README.md)
+    * [与Scrapy集成](Examples/README.md)
+    * [与Puppeteer集成](Examples/README.md)
+
diff --git a/gitbook/img/crawlab-architecture.png b/gitbook/img/crawlab-architecture.png
new file mode 100644
index 00000000..fcac460f
Binary files /dev/null and b/gitbook/img/crawlab-architecture.png differ
diff --git a/gitbook/img/payment.jpg b/gitbook/img/payment.jpg
new file mode 100644
index 00000000..2b20f2d8
Binary files /dev/null and b/gitbook/img/payment.jpg differ
diff --git a/gitbook/img/用户使用流程图.png b/gitbook/img/用户使用流程图.png
new file mode 100644
index 00000000..a4569075
Binary files /dev/null and b/gitbook/img/用户使用流程图.png differ