diff --git a/README.md b/README.md index d058dda..6da2fd9 100644 --- a/README.md +++ b/README.md @@ -39,13 +39,23 @@ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章 - [x] 支持一键恢复至默认内容及样式 - [x] 支持打开或关闭引用链接的选项 + + +![select-and-change-color-theme](https://imgkr.cn-bj.ufileos.com/32c05c23-6309-491f-bd0d-f22a62c944b4.gif) + +![copy-and-paste](https://imgkr.cn-bj.ufileos.com/31f16c2f-480c-4ea3-bb89-89b6e14d18e5.gif) + +![custom](https://imgkr.cn-bj.ufileos.com/bbf0a0b6-b817-4626-bf79-4e18df318681.gif) + +![doocs-md-upload-image](https://imgkr.cn-bj.ufileos.com/97db3cd6-bddc-4eff-8635-472631b0a642.gif) ## 示例文章 - [ES6 特性快速扫盲](https://mp.weixin.qq.com/s/I3EzOO0skf8xDCGtyYM5Lg) diff --git a/assets/images/doocs-md-copy-and-paste.gif b/assets/images/doocs-md-copy-and-paste.gif index ac08fe8..e20d615 100644 Binary files a/assets/images/doocs-md-copy-and-paste.gif and b/assets/images/doocs-md-copy-and-paste.gif differ diff --git a/assets/images/doocs-md-custom-css.gif b/assets/images/doocs-md-custom-css.gif index 6aa955f..b4cef01 100644 Binary files a/assets/images/doocs-md-custom-css.gif and b/assets/images/doocs-md-custom-css.gif differ diff --git a/assets/images/doocs-md-select-and-change-color-theme.gif b/assets/images/doocs-md-select-and-change-color-theme.gif index ab47521..a702a2e 100644 Binary files a/assets/images/doocs-md-select-and-change-color-theme.gif and b/assets/images/doocs-md-select-and-change-color-theme.gif differ diff --git a/assets/images/doocs-md-upload-image.gif b/assets/images/doocs-md-upload-image.gif index 4d38e5a..24499d2 100644 Binary files a/assets/images/doocs-md-upload-image.gif and b/assets/images/doocs-md-upload-image.gif differ diff --git a/assets/scripts/default-content.js b/assets/scripts/default-content.js index 836cbb2..800150a 100644 --- a/assets/scripts/default-content.js +++ b/assets/scripts/default-content.js @@ -5,7 +5,7 @@ const DEFAULT_CONTENT = ## 使用自动补全 Google 搜索的自动补全功能可以在 Google 搜索应用的大多数位置使用，包括 [Google](https://www.google.com/) 主页、适用于 IOS 和 Android 的 Google 应用，我们只需要在 Google 搜索框上开始键入关键字，就可以看到联想词了。 -![](https://gitee.com/doocs/md/raw/master/assets/images/juej.gif) +![](https://imgkr.cn-bj.ufileos.com/17ed83bf-e028-4db2-9503-5a3b4e64deee.gif) 在上图示例中，我们可以看到，输入关键字 \`juej\`，Google 搜索会联想到“掘金”、“掘金小册”、“绝句”等等，好处就是，我们无须输入完整的关键字即可轻松完成针对这些 topics 的搜索。 @@ -20,7 +20,7 @@ Google 官方将自动补全功能称之为“预测”，而不是“建议” 另外，这些“预测”也会随着我们键入的关键字的变更而更改。例如，当我们把键入的关键字从 \`juej\` 更改为 \`juex\` 时，与“掘金”相关的预测会“消失”，同时，与“觉醒”、“决心”相关联的词会出现。 -![](https://gitee.com/doocs/md/raw/master/assets/images/juex.gif) +![](https://imgkr.cn-bj.ufileos.com/5b17dc99-606d-42c1-9f86-e09e88aaa822.gif) ## 为什么看不到某些联想词？ 如果我们在输入某个关键字时看不到联想词，那么表明 Google 的算法可能检测到： @@ -34,7 +34,7 @@ Google 拥有专门设计的系统，可以自动捕获不适当的预测结果 我们作为 Google 搜索的用户，如果认定某条预测违反了相关的搜索自动补全政策，可以进行举报反馈，点击右下角“**举报不当的联想查询**”并勾选相关选项即可。 -![](https://gitee.com/doocs/md/raw/master/assets/images/feedback.gif) +![](https://imgkr.cn-bj.ufileos.com/6ca8185d-12c6-4550-bb4e-e49cfbf56db7.gif) ## 如何实现自动补全算法？ 目前，Google 官方似乎并没有公开搜索自动补全的算法实现，但是业界在这方面已经有了不少研究。 @@ -53,7 +53,7 @@ Google 拥有专门设计的系统，可以自动捕获不适当的预测结果 ### 前缀树实现 通常来说，许多词汇都以相同的前缀开头，比如 \`need\`、\`nested\` 都以 \`ne\` 开头，\`seed\`、\`speed\` 都以 \`s\` 开头。要是为每个单词分别存储公共前缀似乎很浪费。 -![](https://gitee.com/doocs/md/raw/master/assets/images/prefixtree.png) +![](https://imgkr.cn-bj.ufileos.com/7cc3cf37-040a-420e-8ef9-d05e92c82cfd.png) 前缀树是一种利用公共前缀来加速补全速度的数据结构。前缀树在节点树中排列一组单词，单词沿着从根节点到叶子节点的路径存储，树的层次对应于前缀的字母位置。 @@ -65,7 +65,7 @@ Google 拥有专门设计的系统，可以自动捕获不适当的预测结果 有没有一种方法可以更加节省存储空间呢？有的，那就是 DFA。
-
+ 在上面的例子中，单词 \`need\`、\`nested\`、\`seed\` 和 \`speed\` 仅由 9 个节点组成，而上一张图中的前缀树包含了 17 个节点。