diff --git a/README-CN.md b/README-CN.md
index d2be71a..b51094f 100644
--- a/README-CN.md
+++ b/README-CN.md
@@ -22,17 +22,10 @@
### 在线编辑（v2.x）
-[](https://codesandbox.io/s/anichart-2x-m3xbz?fontsize=14&hidenavigation=1&theme=dark)
-
-### 在线编辑（v1.x）
-
-
- 
-
+> **警告**
+> 由于浏览器安全策略的更新，在线编辑目前仅支持浏览，而不再直接支持视频导出。
-### 效果展示
-
-[点击前往示例项目](https://jannchie.github.io/anichart.io/en/demo-list)
+[](https://codesandbox.io/s/anichart-2x-m3xbz?fontsize=14&hidenavigation=1&theme=dark)
## 写在前面
@@ -61,24 +54,41 @@
- 约定优于配置：最大程度简化了用户的配置，无需太多复杂的设定便可以获得美观的图表。
- 虚拟组件：类似于虚拟DOM，通过拆分组件和渲染器，进一步增强了扩展能力。便于移植到更多的平台，以后会支持使用效率更高的webgl进行渲染。
-## 安装
+## 使用
+
+目前，针对普通用户的 anichart 正在开发中，下面要介绍的内容面向开发者，比较硬核。如果目前就有数据可视化需求，可以使用[前身](https://github.com/Jannchie/Historical-ranking-data-visualization-based-on-js)项目，或者使用前述[在线编辑项目](https://codesandbox.io/s/anichart-2x-m3xbz?fontsize=14&hidenavigation=1&theme=dark)。
+
+---
+
+针对一般开发人员，可以使用[这个仓库](https://github.com/Jannchie/anichart-template)作为模板，进行数据可视化项目的开发。你需要有一定的 Javascript 或者 Typescript 的开发基础。
-### 使用Yarn
+### 步骤
```bash
-yarn add anichart
+yarn install
```
-### 使用Npm
+```bash
+yarn start
+```
+
+## 安装
+
+针对高级开发人员，如果想要把 anichart 用于自己的项目中，可以进行如下操作进行安装。
+
+### 通过包管理器
```bash
+yarn add anichart
+
+# 或者
npm i anichart
```
### 标签导入
```html
-
+
```
## 用法
diff --git a/readme.md b/readme.md
index 27172b1..eb9637b 100644
--- a/readme.md
+++ b/readme.md
@@ -22,13 +22,10 @@ Easily create data visualization animated video.
### Online editable DEMO（v2.x）
-[](https://codesandbox.io/s/anichart-2x-m3xbz?fontsize=14&hidenavigation=1&theme=dark)
-
-### Online editable DEMO（v1.x）
+> **Warning**
+> Due to a browser security policy update, online editing is now only supported for browsing, and no longer directly supports video export.
-
-
-
+[](https://codesandbox.io/s/anichart-2x-m3xbz?fontsize=14&hidenavigation=1&theme=dark)
### Effect Show
@@ -59,17 +56,34 @@ Compared with its [predecessor](https://github.com/Jannchie/Historical-ranking-d
- Convention over configuration: simplifies the user's configuration to the greatest extent, without too many complex Settings you can get a beautiful chart.
- Virtual components: Similar to virtual DOM, it further enhances extensibility by splitting components and renderers. Ease of porting to more platforms and support for more efficient WebGL rendering in the future.
-## Setup
+## Use
+
+Currently, anichart for general users is under development, and what is described below is geared towards developers and is more hardcore. If you have data visualization needs right now, you can use the [predecessor](https://github.com/Jannchie/Historical-ranking-data-visualization-based-on-js) project, or use the aforementioned [online editing project](https://) codesandbox.io/s/anichart-2x-m3xbz?fontsize=14&hidenavigation=1&theme=dark).
-### Via Yarn
+---
+
+For general developers, you can use [this repository](https://github.com/Jannchie/anichart-template) as a template for data visualization projects. You need to have some basic development in Javascript or Typescript.
+
+### Steps
```bash
-yarn add anichart
+yarn install
```
-### Via Npm
+```bash
+yarn start
+```
+
+## Installation
+
+For advanced developers who want to use anichart in their projects, you can install it as follows.
+
+### Via Package Manager
```bash
+yarn add anichart
+
+# or
npm i anichart
```