diff --git a/index.html b/index.html
index 2e40b502..1c47fd3a 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><link rel="icon" href="dist/logo.ico"><title>思绪思维导图</title><script>// 自定义静态资源的路径
       window.externalPublicPath = './dist/'
       // 接管应用
-      window.takeOverApp = false</script><link href="dist/css/chunk-vendors.css?ca9e9fe9b6f4acdef9b6" rel="stylesheet"><link href="dist/css/app.css?ca9e9fe9b6f4acdef9b6" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>const getDataFromBackend = () => {
+      window.takeOverApp = false</script><link href="dist/css/chunk-vendors.css?f3873fa55a0f61b00d97" rel="stylesheet"><link href="dist/css/app.css?f3873fa55a0f61b00d97" rel="stylesheet"></head><body><noscript><strong>We're sorry but thoughts doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>const getDataFromBackend = () => {
         return new Promise((resolve, reject) => {
           setTimeout(() => {
             resolve({
@@ -66,4 +66,4 @@
         // 可以通过window.$bus.$on()来监听应用的一些事件
         // 实例化页面
         window.initApp()
-      }</script><script src="dist/js/chunk-vendors.js?ca9e9fe9b6f4acdef9b6"></script><script src="dist/js/app.js?ca9e9fe9b6f4acdef9b6"></script></body></html>
\ No newline at end of file
+      }</script><script src="dist/js/chunk-vendors.js?f3873fa55a0f61b00d97"></script><script src="dist/js/app.js?f3873fa55a0f61b00d97"></script></body></html>
\ No newline at end of file
diff --git a/web/src/pages/Doc/catalogList.js b/web/src/pages/Doc/catalogList.js
index f98610d9..f602a71c 100644
--- a/web/src/pages/Doc/catalogList.js
+++ b/web/src/pages/Doc/catalogList.js
@@ -39,7 +39,7 @@ let APIList = [
   'markdown',
   'utils'
 ]
-let helpList = new Array(2).fill(0).map((_, index) => {
+let helpList = new Array(3).fill(0).map((_, index) => {
   return 'help' + (index + 1)
 })
 
diff --git a/web/src/pages/Doc/routerList.js b/web/src/pages/Doc/routerList.js
index 88f8964b..88b5c7f2 100644
--- a/web/src/pages/Doc/routerList.js
+++ b/web/src/pages/Doc/routerList.js
@@ -56,7 +56,9 @@ export default [
       { path: 'painter', title: 'Painter插件' },
       { path: 'painter', title: 'Painter插件' },
       { path: 'scrollbar', title: 'Scrollbar插件' },
-      { path: 'help2', title: '客户端' }
+      { path: 'help1', title: '概要/关联线' },
+      { path: 'help2', title: '客户端' },
+      { path: 'help3', title: '打开预览在线文件' }
     ]
   },
   {
diff --git a/web/src/pages/Doc/zh/help1/index.md b/web/src/pages/Doc/zh/help1/index.md
index ba382983..9dcd537a 100644
--- a/web/src/pages/Doc/zh/help1/index.md
+++ b/web/src/pages/Doc/zh/help1/index.md
@@ -4,8 +4,10 @@
 
 可以选中一个节点添加概要，如果想给多个节点添加一个概要，只能通过给它们的父节点添加来实现。
 
-概要节点后面无法再添加节点，后续该特性也不会支持。
+概要节点后面无法再添加节点，后续该特性大概率也不会支持。
 
 ## 关联线
 
-关联线添加完后要删除，需要先点击选中关联线，然后按删除键即可。
\ No newline at end of file
+添加关联线：先激活某个节点，然后点击上方工具栏的【关联线】按钮，最后点击要关联到的节点即可创建完成。
+
+删除关联线：需要先点击选中关联线，然后按删除键即可。
\ No newline at end of file
diff --git a/web/src/pages/Doc/zh/help1/index.vue b/web/src/pages/Doc/zh/help1/index.vue
index a7a6fba9..a6902a54 100644
--- a/web/src/pages/Doc/zh/help1/index.vue
+++ b/web/src/pages/Doc/zh/help1/index.vue
@@ -3,9 +3,10 @@
     <h1>概要/关联线</h1>
 <h2>概要</h2>
 <p>可以选中一个节点添加概要，如果想给多个节点添加一个概要，只能通过给它们的父节点添加来实现。</p>
-<p>概要节点后面无法再添加节点，后续该特性也不会支持。</p>
+<p>概要节点后面无法再添加节点，后续该特性大概率也不会支持。</p>
 <h2>关联线</h2>
-<p>关联线添加完后要删除，需要先点击选中关联线，然后按删除键即可。</p>
+<p>添加关联线：先激活某个节点，然后点击上方工具栏的【关联线】按钮，最后点击要关联到的节点即可创建完成。</p>
+<p>删除关联线：需要先点击选中关联线，然后按删除键即可。</p>
 
   </div>
 </template>
diff --git a/web/src/pages/Doc/zh/help3/index.md b/web/src/pages/Doc/zh/help3/index.md
new file mode 100644
index 00000000..ca3f2183
--- /dev/null
+++ b/web/src/pages/Doc/zh/help3/index.md
@@ -0,0 +1,11 @@
+# 打开预览在线文件
+
+v0.7.0+版本支持打开url中携带的在线文件：
+
+```
+https://wanglin2.github.io/mind-map/#/?fileURL=http://xxx.com/xxx.xmind
+```
+
+在`fileURL`参数后带上你的在线文件url即可，目前支持`.xmind`、`.smm`、`.json`、`.md`后缀的文件url。
+
+需要注意的是你在打开在线文件的情况下编辑并不会修改在线文件，改动会保存在你的浏览器本地，你可以选择导出文件。
\ No newline at end of file
diff --git a/web/src/pages/Doc/zh/help3/index.vue b/web/src/pages/Doc/zh/help3/index.vue
new file mode 100644
index 00000000..f3574946
--- /dev/null
+++ b/web/src/pages/Doc/zh/help3/index.vue
@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <h1>打开预览在线文件</h1>
+<p>v0.7.0+版本支持打开url中携带的在线文件：</p>
+<pre class="hljs"><code>https://wanglin2.github.io/mind-map/#/?fileURL=http://xxx.com/xxx.xmind
+</code></pre>
+<p>在<code>fileURL</code>参数后带上你的在线文件url即可，目前支持<code>.xmind</code>、<code>.smm</code>、<code>.json</code>、<code>.md</code>后缀的文件url。</p>
+<p>需要注意的是你在打开在线文件的情况下编辑并不会修改在线文件，改动会保存在你的浏览器本地，你可以选择导出文件。</p>
+
+  </div>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file
