• 插件列表
    • 全文搜索 - Search
    • 谷歌统计 - Google Analytics
    • emoji
    • 外链脚本 - External Script
    • 图片缩放 - Zoom image
    • 在 Github 上编辑

    插件列表

    全文搜索插件会根据当前页面上的超链接获取文档内容,在 localStorage 内建立文档索引。默认过期时间为一天,当然我们可以自己指定需要缓存的文件列表或者配置过期时间。

    1. <script>
    2. window.$docsify = {
    3. search: 'auto', // 默认值
    4. search : [
    5. '/', // => /README.md
    6. '/guide', // => /guide.md
    7. '/get-started', // => /get-started.md
    8. '/zh-cn/', // => /zh-cn/README.md
    9. ],
    10. // 完整配置参数
    11. search: {
    12. maxAge: 86400000, // 过期时间,单位毫秒,默认一天
    13. paths: [], // or 'auto'
    14. placeholder: 'Type to search',
    15. // 支持本地化
    16. placeholder: {
    17. '/zh-cn/': '搜索',
    18. '/': 'Type to search'
    19. },
    20. noData: 'No Results!',
    21. // 支持本地化
    22. noData: {
    23. '/zh-cn/': '找不到结果',
    24. '/': 'No Results'
    25. },
    26. // 搜索标题的最大程级, 1 - 6
    27. depth: 2
    28. }
    29. }
    30. </script>
    31. <script src="//unpkg.com/docsify"></script>
    32. <script src="//unpkg.com/docsify/lib/plugins/search.js"></script>

    谷歌统计 - Google Analytics

    需要配置 track id 才能使用。

    1. <script>
    2. window.$docsify = {
    3. ga: 'UA-XXXXX-Y'
    4. }
    5. </script>
    6. <script src="//unpkg.com/docsify"></script>
    7. <script src="//unpkg.com/docsify/lib/plugins/ga.js"></script>

    也可以通过 data-ga 配置 id。

    1. <script src="//unpkg.com/docsify" data-ga="UA-XXXXX-Y"></script>
    2. <script src="//unpkg.com/docsify/lib/plugins/ga.js"></script>

    emoji

    默认是提供 emoji 解析的,能将类似 :100: 解析成 :100:。但是它不是精准的,因为没有处理非 emoji 的字符串。如果你需要正确解析 emoji 字符串,你可以引入这个插件。

    1. <script src="//unpkg.com/docsify/lib/plugins/emoji.js"></script>

    外链脚本 - External Script

    如果文档里的 script 是内联脚本,可以直接执行;而如果是外链脚本(即 js 文件内容由 src 属性引入),则需要使用此插件。

    1. <script src="//unpkg.com/docsify/lib/plugins/external-script.js"></script>

    图片缩放 - Zoom image

    Medium’s 风格的图片缩放插件. 基于 medium-zoom。

    1. <script src="//unpkg.com/docsify/lib/plugins/zoom-image.js"></script>

    忽略某张图片

    1. ![](image.png ':no-zoom')

    在 Github 上编辑

    在每一页上添加 Edit on github 按钮. 由第三方库提供, 查看 document