Merge pull request #1082 from Saraph1nes/feat_1073

fix: 修复路径变更markdown资源加载问题

Author: Saraph1nes

examples/assets/markdown/basic.md

@@ -234,33 +234,33 @@
 **示例**
 
 ```markdown
-标准图片  ![一条dog#100px](images/demo-dog.png)
-设置图片大小(相对大小&绝对大小)  ![一条dog#10%#50px](images/demo-dog.png)
+标准图片  ![一条dog#100px](assets/images/demo-dog.png)
+设置图片大小(相对大小&绝对大小)  ![一条dog#10%#50px](assets/images/demo-dog.png)
 设置图片对齐方式：
 **左对齐+边框**
-![一条dog#auto#100px#left#border](images/demo-dog.png)
+![一条dog#auto#100px#left#border](assets/images/demo-dog.png)
 **居中+边框+阴影**
-![一条dog#auto#100px#center#B#shadow](images/demo-dog.png)
+![一条dog#auto#100px#center#B#shadow](assets/images/demo-dog.png)
 **右对齐+边框+阴影+圆角**
-![一条dog#auto#100px#right#B#S#radius](images/demo-dog.png)
+![一条dog#auto#100px#right#B#S#radius](assets/images/demo-dog.png)
 **浮动左对齐+边框+阴影+圆角**
-![一条dog#auto#100px#float-left#B#S#R](images/demo-dog.png)
+![一条dog#auto#100px#float-left#B#S#R](assets/images/demo-dog.png)
 开心也是一天，不开心也是一天
 这样就过了两天，汪
 ```
 
 **效果**
-标准图片  ![一条dog#100px](images/demo-dog.png)
-设置图片大小(相对大小&绝对大小)  ![一条dog#10%#50px](images/demo-dog.png)
+标准图片  ![一条dog#100px](assets/images/demo-dog.png)
+设置图片大小(相对大小&绝对大小)  ![一条dog#10%#50px](assets/images/demo-dog.png)
 设置图片对齐方式：
 **左对齐+边框**
-![一条dog#auto#100px#left#border](images/demo-dog.png)
+![一条dog#auto#100px#left#border](assets/images/demo-dog.png)
 **居中+边框+阴影**
-![一条dog#auto#100px#center#B#shadow](images/demo-dog.png)
+![一条dog#auto#100px#center#B#shadow](assets/images/demo-dog.png)
 **右对齐+边框+阴影+圆角**
-![一条dog#auto#100px#right#B#S#radius](images/demo-dog.png)
+![一条dog#auto#100px#right#B#S#radius](assets/images/demo-dog.png)
 **浮动左对齐+边框+阴影+圆角**
-![一条dog#auto#100px#float-left#B#S#R](images/demo-dog.png)
+![一条dog#auto#100px#float-left#B#S#R](assets/images/demo-dog.png)
 开心也是一天，不开心也是一天
 这样就过了两天，汪
 
@@ -457,15 +457,15 @@ $$
 **示例**
 
 ```markdown
-这是个演示视频  !video[不带封面演示视频](images/demo.mp4)
-这是个演示视频  !video[带封面演示视频](images/demo.mp4){poster=images/demo-dog.png}
+这是个演示视频  !video[不带封面演示视频](assets/images/demo.mp4)
+这是个演示视频  !video[带封面演示视频](assets/images/demo.mp4){poster=images/demo-dog.png}
 这是个假音频!audio[描述](视频链接地址)
 ```
 
 **效果**
 
-这是个演示视频  !video[不带封面演示视频](images/demo.mp4)
-这是个演示视频  !video[带封面演示视频](images/demo.mp4){poster=images/demo-dog.png}
+这是个演示视频  !video[不带封面演示视频](assets/images/demo.mp4)
+这是个演示视频  !video[带封面演示视频](assets/images/demo.mp4){poster=images/demo-dog.png}
 这是个假音频!audio[描述](视频链接地址)
 
 -----
@@ -714,7 +714,7 @@ title 饼图
 -----
 
 ## 通过快捷按钮修改字体样式
-![bubble menu](images/feature_font.png)
+![bubble menu](assets/images/feature_font.png)
 
 -----
 
@@ -723,7 +723,7 @@ title 饼图
 - 粘贴html内容时会自动转成markdown，也可以选择粘贴为纯文本格式
 - 可以拖拽调整预览区域的宽度
 
-![copy and paste](images/feature_copy.gif)
+![copy and paste](assets/images/feature_copy.gif)
 
 -----
 
@@ -787,24 +787,24 @@ title 饼图
 
 > 其中，`宽度`、`高度`支持：绝对像素值（比如200px）、相对外层容器百分比（比如50%），
 `对齐方式`候选值有：左对齐（缺省）、右对齐（right）、居中（center）、悬浮左、右对齐（float-left/right）
-![图片尺寸](images/feature_image_size.png)
+![图片尺寸](assets/images/feature_image_size.png)
 
 -----
 
 ### 特性 2：根据表格内容生成图表
-![表格图表](images/feature_table_chart.png)
+![表格图表](assets/images/feature_table_chart.png)
 
 -----
 
 ### 特性 3：字体颜色、字体大小
-![字体样式](images/feature_font.png)
+![字体样式](assets/images/feature_font.png)
 
 ------
 
 ## 功能特性
 
 ### 特性 1：复制Html粘贴成MD语法
-![html转md](images/feature_copy.gif)
+![html转md](assets/images/feature_copy.gif)
 
 #### 使用场景
 
@@ -814,7 +814,7 @@ title 饼图
 ----
 
 ### 特性 2：经典换行&常规换行
-![br](images/feature_br.gif)
+![br](assets/images/feature_br.gif)
 
 #### 使用场景
 
@@ -823,17 +823,17 @@ title 饼图
 -----
 
 ### 特性 3: 多光标编辑
-![br](images/feature_cursor.gif)
+![br](assets/images/feature_cursor.gif)
 
 #### 使用场景
 
 想要批量修改？可以试试多光标编辑（快捷键、搜索多光标选中等功能正在开发中）
 
 ### 特性 4：图片尺寸
-![wysiwyg](images/feature_image_wysiwyg.gif)
+![wysiwyg](assets/images/feature_image_wysiwyg.gif)
 
 ### 特性 5：导出
-![wysiwyg](images/feature_export.png)
+![wysiwyg](assets/images/feature_export.png)
 
 -------
 
@@ -843,10 +843,10 @@ title 饼图
 
 > CherryMarkdown会判断用户到底变更了哪个段落，做到只渲染变更的段落，从而提升修改时的渲染性能
 
-![wysiwyg](images/feature_myers.png)
+![wysiwyg](assets/images/feature_myers.png)
 
 ### 局部更新
 
 > CherryMarkdown利用virtual dom机制实现对预览区域需要变更的内容进行局部更新的功能，从而减少了浏览器Dom操作，提高了修改时预览内容更新的性能
 
-![wysiwyg](images/feature_vdom.gif)
+![wysiwyg](assets/images/feature_vdom.gif)

examples/index.html

@@ -30,7 +30,7 @@
       height: 100%;
     }
   </style>
-  <link rel="stylesheet" type="text/css" href="/packages/cherry-markdown/dist/cherry-markdown.css">
+  <link rel="stylesheet" type="text/css" href="../packages/cherry-markdown/dist/cherry-markdown.css">
   <link rel="Shortcut Icon" href="./logo/favicon.ico">
   <link rel="Shortcut Icon" href="../logo/favicon.ico">
   <link rel="Bookmark" href="../logo/favicon.ico">
@@ -44,7 +44,7 @@
   <div id="markdown"></div>
   <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4.6.0/dist/echarts.js"></script>
   <!--<script src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>-->
-  <script src="/packages/cherry-markdown/dist/cherry-markdown.js"></script>
+  <script src="../packages/cherry-markdown/dist/cherry-markdown.js"></script>
   <script src="./assets/scripts/pinyin/pinyin_dist.js"></script>
   <script src="./assets/scripts/index-demo.js"></script>
 </body>