diff --git a/README.md b/README.md
index 65dc0f77bea42822b58be572ae27c8ed08f0968f..c1fd23de9aad81febe51e808d66f3d963056bbe6 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,39 @@
+# About
+一款Markdown编辑器组件，支持使用markodwn语法来编写文档，同时支持图片上传等功能
+
+# 使用
+
+1. 通过script标签引入
+```html
+<script src="./markdown-editor.js"></script>
+```
+2. 指定需要渲染的容易
+```html
+<div id="app"></div>
+```
+3. 初始化实例
+```js
+new MdEditor({
+    ...options
+})
 ```
-npm install
-npm start
-
- <div id="app"></div>
-<script src="./bundle.js"></script>
-<script>
-    new MdEditor({
-    el: "#app"
-    });
-</script>
-
-```
\ No newline at end of file
+
+# options
+
+| 属性 | 说明 | 类型 | 默认值 |
+| ------ | ------ | ------ | ------ |
+| el | 编辑器渲染的容器 | String | "#app"
+| themeOptions | 主题颜色配置 | Object | [themeOptions](#themeOptions)
+| canAttachFile | 是否可以上传图片 | Boolean | true
+| placeholder | placeholder | String | "请输入内容"
+| onChange | 获取编辑器内容 | Function | function(res) {}
+| onUpload | 上传文件钩子函数 | Function | function(file, callback) {}
+
+# themeOptions
+
+| 属性 | 说明 | 类型 | 默认值 |
+| ------ | ------ | ------ | ------ |
+| borderColor | 编辑器边框默认颜色 | String | "#dbdbdb"
+| borderColorActive | 编辑器边框激活颜色 | String | "#409eff"
+| textColor | 编辑器文字默认颜色 | String | "#303030"
+| textColorActive | 编辑器文字激活颜色 | String | "#000"