fix: resolve images problem
38
README.md
@ -1,8 +1,10 @@
|
|||||||
<p align="center">
|
<div align="center">
|
||||||
<a href="https://github.com/doocs/md">
|
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png" alt="">
|
[![doocs-md](./public/assets/images/logo-2.png)](https://github.com/doocs/md)
|
||||||
</a>
|
|
||||||
</p>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<h1 align="center">微信 Markdown 编辑器</h1>
|
<h1 align="center">微信 Markdown 编辑器</h1>
|
||||||
|
|
||||||
<div align="center">
|
<div align="center">
|
||||||
@ -47,13 +49,13 @@ Markdown 文档自动即时渲染为微信图文,让你不再为微信文章
|
|||||||
- [x] 支持在编辑框右键弹出功能选项卡
|
- [x] 支持在编辑框右键弹出功能选项卡
|
||||||
|
|
||||||
|
|
||||||
![select-and-change-color-theme](https://imgkr.cn-bj.ufileos.com/32c05c23-6309-491f-bd0d-f22a62c944b4.gif)
|
![select-and-change-color-theme](./public/assets/images/select-and-change-color-theme.gif)
|
||||||
|
|
||||||
![copy-and-paste](https://imgkr.cn-bj.ufileos.com/31f16c2f-480c-4ea3-bb89-89b6e14d18e5.gif)
|
![copy-and-paste](./public/assets/images/copy-and-paste.gif)
|
||||||
|
|
||||||
![custom](https://imgkr.cn-bj.ufileos.com/bbf0a0b6-b817-4626-bf79-4e18df318681.gif)
|
![custom](./public/assets/images/custom.gif)
|
||||||
|
|
||||||
![doocs-md-upload-image](https://imgkr.cn-bj.ufileos.com/97db3cd6-bddc-4eff-8635-472631b0a642.gif)
|
![doocs-md-upload-image](./public/assets/images/doocs-md-upload-image.gif)
|
||||||
|
|
||||||
## 谁在使用
|
## 谁在使用
|
||||||
|
|
||||||
@ -61,55 +63,55 @@ Markdown 文档自动即时渲染为微信图文,让你不再为微信文章
|
|||||||
<tr>
|
<tr>
|
||||||
<td align="center" style="width: 60px;">
|
<td align="center" style="width: 60px;">
|
||||||
<a href="https://mp.weixin.qq.com/s/RNKDCK2KoyeuMeEs6GUrow">
|
<a href="https://mp.weixin.qq.com/s/RNKDCK2KoyeuMeEs6GUrow">
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/29fbfc6e-b1f2-4995-982f-74f993256626.png" style="width: 40px;"><br>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/0-Doocs%E5%BC%80%E6%BA%90%E7%A4%BE%E5%8C%BA.png" style="width: 40px;"><br>
|
||||||
<sub>Doocs开源社区</sub>
|
<sub>Doocs开源社区</sub>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td align="center" style="width: 60px;">
|
<td align="center" style="width: 60px;">
|
||||||
<a href="https://mp.weixin.qq.com/s/FpGIX9viQR6Z9iSCEPH86g">
|
<a href="https://mp.weixin.qq.com/s/FpGIX9viQR6Z9iSCEPH86g">
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/2631fe1d-0521-4f51-abb9-5250f4dda268.jpg" style="width: 40px;"><br>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/1-%E6%8E%98%E5%A2%93%E4%BA%BA%E7%9A%84%E5%B0%8F%E9%93%B2%E5%AD%90.jpg" style="width: 40px;"><br>
|
||||||
<sub>掘墓人的小铲子</sub>
|
<sub>掘墓人的小铲子</sub>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td align="center" style="width: 60px;">
|
<td align="center" style="width: 60px;">
|
||||||
<a href="https://mp.weixin.qq.com/s/yB3ZH3jmcF_LbzuKmnR9BQ">
|
<a href="https://mp.weixin.qq.com/s/yB3ZH3jmcF_LbzuKmnR9BQ">
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/4b4b10a4-1146-4056-8799-9f8c1a3e5e9e.png" style="width: 40px;"><br>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/2-%E5%85%A8%E7%BD%91%E9%87%8D%E7%82%B9.png" style="width: 40px;"><br>
|
||||||
<sub>全网重点</sub>
|
<sub>全网重点</sub>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td align="center" style="width: 60px;">
|
<td align="center" style="width: 60px;">
|
||||||
<a href="https://mp.weixin.qq.com/s/oc5Z2t9ykbu_Dezjnw5mfQ">
|
<a href="https://mp.weixin.qq.com/s/oc5Z2t9ykbu_Dezjnw5mfQ">
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/1ddb47f6-4943-4aae-ad24-c75c22c758bf.png" style="width: 40px;"><br>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/3-%E7%88%B1%E7%A0%81%E5%A3%AB%E7%9A%84%E5%86%85%E5%BF%83%E7%8B%AC%E7%99%BD.png" style="width: 40px;"><br>
|
||||||
<sub>爱码士的内心独白</sub>
|
<sub>爱码士的内心独白</sub>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td align="center" style="width: 60px;">
|
<td align="center" style="width: 60px;">
|
||||||
<a href="https://mp.weixin.qq.com/s/SFde8OsZ8FzNGMHwpmDtrg">
|
<a href="https://mp.weixin.qq.com/s/SFde8OsZ8FzNGMHwpmDtrg">
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/830333b7-74b2-4dbc-9384-b5cac63b1d17.jpg" style="width: 40px;"><br>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/4-%E4%B9%90%E7%8E%A9nodejsnpm%E5%B7%A5%E5%85%B7%E5%BA%93.jpg" style="width: 40px;"><br>
|
||||||
<sub>乐玩nodejs npm工具库</sub>
|
<sub>乐玩nodejs npm工具库</sub>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td align="center" style="width: 60px;">
|
<td align="center" style="width: 60px;">
|
||||||
<a href="https://mp.weixin.qq.com/s/7UG24ZugfI5ZnhUpo8vfvQ">
|
<a href="https://mp.weixin.qq.com/s/7UG24ZugfI5ZnhUpo8vfvQ">
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/95e553de-fd8f-4374-8a98-14809122e80e.jpg" style="width: 40px;"><br>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/5-%E7%AE%80%E9%9D%99%E6%85%A2.jpg" style="width: 40px;"><br>
|
||||||
<sub>简静慢</sub>
|
<sub>简静慢</sub>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td align="center" style="width: 60px;">
|
<td align="center" style="width: 60px;">
|
||||||
<a href="https://mp.weixin.qq.com/s/qefHCmToAdowBz2JwBn_ug">
|
<a href="https://mp.weixin.qq.com/s/qefHCmToAdowBz2JwBn_ug">
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/2fbeb8d5-d778-43e2-ada2-5ca442ce1b9a.jpg" style="width: 40px;"><br>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/6-0%E5%8A%A01.jpg" style="width: 40px;"><br>
|
||||||
<sub>0加1</sub>
|
<sub>0加1</sub>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td align="center" style="width: 60px;">
|
<td align="center" style="width: 60px;">
|
||||||
<a href="https://mp.weixin.qq.com/s/bnlWqzCarDlR4F27HHXNUg">
|
<a href="https://mp.weixin.qq.com/s/bnlWqzCarDlR4F27HHXNUg">
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/b7b3e99f-0289-460c-acea-d8fa0cc90c8b.jpg" style="width: 40px;"><br>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/7-%E7%A0%81%E4%BA%91Gitee.jpg" style="width: 40px;"><br>
|
||||||
<sub>码云Gitee</sub>
|
<sub>码云Gitee</sub>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
<td align="center" style="width: 60px;">
|
<td align="center" style="width: 60px;">
|
||||||
<a href="https://mp.weixin.qq.com/s/CVqmcu_OGG8TQO4FViAQ3w">
|
<a href="https://mp.weixin.qq.com/s/CVqmcu_OGG8TQO4FViAQ3w">
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/5d78fb3e-1a3a-4769-9980-192e18321834.jpg" style="width: 40px;"><br>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/8-%E5%A5%BD%E9%85%B8%E4%B8%80%E6%9F%A0%E6%AA%AC.jpg" style="width: 40px;"><br>
|
||||||
<sub>好酸一柠檬</sub>
|
<sub>好酸一柠檬</sub>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
|
BIN
public/assets/images/copy-and-paste.gif
Normal file
After Width: | Height: | Size: 2.5 MiB |
BIN
public/assets/images/custom.gif
Normal file
After Width: | Height: | Size: 852 KiB |
BIN
public/assets/images/dfa.gif
Normal file
After Width: | Height: | Size: 20 KiB |
BIN
public/assets/images/doocs-md-upload-image.gif
Normal file
After Width: | Height: | Size: 2.7 MiB |
BIN
public/assets/images/juejin.gif
Normal file
After Width: | Height: | Size: 67 KiB |
BIN
public/assets/images/juex.gif
Normal file
After Width: | Height: | Size: 57 KiB |
BIN
public/assets/images/pretree.png
Normal file
After Width: | Height: | Size: 51 KiB |
BIN
public/assets/images/qrcode.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
public/assets/images/report.gif
Normal file
After Width: | Height: | Size: 190 KiB |
BIN
public/assets/images/select-and-change-color-theme.gif
Normal file
After Width: | Height: | Size: 1.6 MiB |
@ -9,9 +9,9 @@
|
|||||||
<meta name="viewport"
|
<meta name="viewport"
|
||||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<title>微信 Markdown 编辑器</title>
|
<title>微信 Markdown 编辑器</title>
|
||||||
<link rel="shortcut icon" href="https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png">
|
<link rel="shortcut icon" href="https://gitee.com/yanglbme/resource/raw/master/doocs-md/favicon.png">
|
||||||
<link rel="apple-touch-icon-precomposed"
|
<link rel="apple-touch-icon-precomposed"
|
||||||
href="https://imgkr.cn-bj.ufileos.com/f3accc83-b854-4e99-afb5-8a6465e1d84f.png">
|
href="https://gitee.com/yanglbme/resource/raw/master/doocs-md/qrcode.png">
|
||||||
<script src="https://cdn.bootcdn.net/ajax/libs/prettify/r224/prettify.min.js"></script>
|
<script src="https://cdn.bootcdn.net/ajax/libs/prettify/r224/prettify.min.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
@ -5,7 +5,7 @@ const DEFAULT_CONTENT =
|
|||||||
## 使用自动补全
|
## 使用自动补全
|
||||||
Google 搜索的自动补全功能可以在 Google 搜索应用的大多数位置使用,包括 [Google](https://www.google.com/) 主页、适用于 IOS 和 Android 的 Google 应用,我们只需要在 Google 搜索框上开始键入关键字,就可以看到联想词了。
|
Google 搜索的自动补全功能可以在 Google 搜索应用的大多数位置使用,包括 [Google](https://www.google.com/) 主页、适用于 IOS 和 Android 的 Google 应用,我们只需要在 Google 搜索框上开始键入关键字,就可以看到联想词了。
|
||||||
|
|
||||||
![](https://imgkr.cn-bj.ufileos.com/17ed83bf-e028-4db2-9503-5a3b4e64deee.gif)
|
![](https://gitee.com/yanglbme/resource/raw/master/doocs-md/juejin.gif)
|
||||||
|
|
||||||
在上图示例中,我们可以看到,输入关键字 \`juej\`,Google 搜索会联想到“掘金”、“掘金小册”、“绝句”等等,好处就是,我们无须输入完整的关键字即可轻松完成针对这些 topics 的搜索。
|
在上图示例中,我们可以看到,输入关键字 \`juej\`,Google 搜索会联想到“掘金”、“掘金小册”、“绝句”等等,好处就是,我们无须输入完整的关键字即可轻松完成针对这些 topics 的搜索。
|
||||||
|
|
||||||
@ -20,7 +20,7 @@ Google 官方将自动补全功能称之为“预测”,而不是“建议”
|
|||||||
|
|
||||||
另外,这些“预测”也会随着我们键入的关键字的变更而更改。例如,当我们把键入的关键字从 \`juej\` 更改为 \`juex\` 时,与“掘金”相关的预测会“消失”,同时,与“觉醒”、“决心”相关联的词会出现。
|
另外,这些“预测”也会随着我们键入的关键字的变更而更改。例如,当我们把键入的关键字从 \`juej\` 更改为 \`juex\` 时,与“掘金”相关的预测会“消失”,同时,与“觉醒”、“决心”相关联的词会出现。
|
||||||
|
|
||||||
![](https://imgkr.cn-bj.ufileos.com/5b17dc99-606d-42c1-9f86-e09e88aaa822.gif)
|
![](https://gitee.com/yanglbme/resource/raw/master/doocs-md/juex.gif)
|
||||||
|
|
||||||
## 为什么看不到某些联想词?
|
## 为什么看不到某些联想词?
|
||||||
如果我们在输入某个关键字时看不到联想词,那么表明 Google 的算法可能检测到:
|
如果我们在输入某个关键字时看不到联想词,那么表明 Google 的算法可能检测到:
|
||||||
@ -34,7 +34,7 @@ Google 拥有专门设计的系统,可以自动捕获不适当的预测结果
|
|||||||
|
|
||||||
我们作为 Google 搜索的用户,如果认定某条预测违反了相关的搜索自动补全政策,可以进行举报反馈,点击右下角“**举报不当的联想查询**”并勾选相关选项即可。
|
我们作为 Google 搜索的用户,如果认定某条预测违反了相关的搜索自动补全政策,可以进行举报反馈,点击右下角“**举报不当的联想查询**”并勾选相关选项即可。
|
||||||
|
|
||||||
![](https://imgkr.cn-bj.ufileos.com/6ca8185d-12c6-4550-bb4e-e49cfbf56db7.gif)
|
![](https://gitee.com/yanglbme/resource/raw/master/doocs-md/report.gif)
|
||||||
|
|
||||||
## 如何实现自动补全算法?
|
## 如何实现自动补全算法?
|
||||||
目前,Google 官方似乎并没有公开搜索自动补全的算法实现,但是业界在这方面已经有了不少研究。
|
目前,Google 官方似乎并没有公开搜索自动补全的算法实现,但是业界在这方面已经有了不少研究。
|
||||||
@ -53,7 +53,7 @@ Google 拥有专门设计的系统,可以自动捕获不适当的预测结果
|
|||||||
### 前缀树实现
|
### 前缀树实现
|
||||||
通常来说,许多词汇都以相同的前缀开头,比如 \`need\`、\`nested\` 都以 \`ne\` 开头,\`seed\`、\`speed\` 都以 \`s\` 开头。要是为每个单词分别存储公共前缀似乎很浪费。
|
通常来说,许多词汇都以相同的前缀开头,比如 \`need\`、\`nested\` 都以 \`ne\` 开头,\`seed\`、\`speed\` 都以 \`s\` 开头。要是为每个单词分别存储公共前缀似乎很浪费。
|
||||||
|
|
||||||
![](https://imgkr.cn-bj.ufileos.com/7cc3cf37-040a-420e-8ef9-d05e92c82cfd.png)
|
![](https://gitee.com/yanglbme/resource/raw/master/doocs-md/pretree.png)
|
||||||
|
|
||||||
前缀树是一种利用公共前缀来加速补全速度的数据结构。前缀树在节点树中排列一组单词,单词沿着从根节点到叶子节点的路径存储,树的层次对应于前缀的字母位置。
|
前缀树是一种利用公共前缀来加速补全速度的数据结构。前缀树在节点树中排列一组单词,单词沿着从根节点到叶子节点的路径存储,树的层次对应于前缀的字母位置。
|
||||||
|
|
||||||
@ -65,7 +65,7 @@ Google 拥有专门设计的系统,可以自动捕获不适当的预测结果
|
|||||||
有没有一种方法可以更加节省存储空间呢?有的,那就是 DFA。
|
有没有一种方法可以更加节省存储空间呢?有的,那就是 DFA。
|
||||||
|
|
||||||
<center>
|
<center>
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/02bc143e-e1a7-4b3c-bd5d-8d6d39139f0a.png" style="width: 50%;"></center>
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/dfa.gif" style="width: 50%;"></center>
|
||||||
|
|
||||||
在上面的例子中,单词 \`need\`、\`nested\`、\`seed\` 和 \`speed\` 仅由 9 个节点组成,而上一张图中的前缀树包含了 17 个节点。
|
在上面的例子中,单词 \`need\`、\`nested\`、\`seed\` 和 \`speed\` 仅由 9 个节点组成,而上一张图中的前缀树包含了 17 个节点。
|
||||||
|
|
||||||
@ -93,7 +93,7 @@ Google 拥有专门设计的系统,可以自动捕获不适当的预测结果
|
|||||||
欢迎关注我的公众号“**Doocs开源社区**”,原创技术文章第一时间推送。
|
欢迎关注我的公众号“**Doocs开源社区**”,原创技术文章第一时间推送。
|
||||||
|
|
||||||
<center>
|
<center>
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/1092dc45-e817-4bb0-82b0-2b2b4826ccf2.gif" style="width: 100px;">
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/qrcode.png" style="width: 100px;">
|
||||||
</center>
|
</center>
|
||||||
|
|
||||||
`
|
`
|
||||||
|
@ -5,7 +5,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div style="text-align: center;margin-top:10px;">
|
<div style="text-align: center;margin-top:10px;">
|
||||||
<p>扫码关注我的公众号,原创技术文章第一时间推送!</p>
|
<p>扫码关注我的公众号,原创技术文章第一时间推送!</p>
|
||||||
<img src="https://imgkr.cn-bj.ufileos.com/09f8e662-42ed-4731-a0d7-419deb74dfb6.png" style="width: 40%; display: block; margin: 20px auto 10px;">
|
<img src="https://gitee.com/yanglbme/resource/raw/master/doocs-md/qrcode.png" style="width: 40%; display: block; margin: 20px auto 10px;">
|
||||||
</div>
|
</div>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button type="success" @click="onRedirect('https://github.com/doocs/md')" plain>GitHub 仓库</el-button>
|
<el-button type="success" @click="onRedirect('https://github.com/doocs/md')" plain>GitHub 仓库</el-button>
|
||||||
|