docsify使用笔记

index.html配置

基础配置

window.$docsify = {
            name: 'Dimensio',
            repo: '',
            loadSidebar: true,
            loadNavbar: false, //关闭版本切换
            mergeNavbar: false,
            subMaxLevel: 3,
            sidebarDisplayLevel: 1, // set sidebar display level
            homepage: 'Home.md',
            relativePath: true,
            formatUpdated: '{YYYY}/{MM}/{DD}'
        };

是否有首页

需要写一个[_coverpage.md]放在根目录

window.$docsify = {  
            coverpage: true
        };

点击自动跳转到页面最上面

点击标题等时跳转位置的偏移

window.$docsify = {  
            auto2top: true，
            topMargin: 90
        };

全局搜索

window.$docsify = {  
             search: {
                placeholder: {
                    '/': '全局搜索...'
                },
                noData: '找不到结果！',
                depth: 2
            }
        };

    <script src="./docsify-static/plugins/search.js"></script>

主题色切换

 <link rel="stylesheet" href="./docsify-static/sidebar.min.css">
 <link rel="stylesheet" id="theme" href="./docsify-static/css/buble.css">

    <nav>
        <div id='themeChange' style="cursor: pointer;">暗黑主题</div>
    </nav>
<script>
window.onload = function() {
            const themeChange = document.getElementById('themeChange');
            const theme = document.getElementById('theme');

            themeChange.addEventListener('click', () => {

                switch (themeChange.innerHTML) {
                    case '暗黑主题':
                        document.getElementById('themeChange').innerHTML = '简白主题';
                        document.getElementById('theme').href = "./docsify-static/css/dark.css";
                        break;
                    case '简白主题':
                        document.getElementById('themeChange').innerHTML = '默认主题';
                        document.getElementById('theme').href = "./docsify-static/css/vue.css";
                        break;
                    case '默认主题':
                        document.getElementById('themeChange').innerHTML = '暗黑主题';
                        document.getElementById('theme').href = "./docsify-static/css/buble.css";
                        break;
                    default:
                        document.getElementById('themeChange').innerHTML = '暗黑主题';
                        document.getElementById('theme').href = "./docsify-static/css/buble.css";
                }
            })
        }
    </script>

文档语法

不同于普遍的markerdown语法的特殊语法

图片设置大小

![pic](https://xxxxxt.gif ':size=80%')

嵌入视频

:include’

![video](https://xxx.mp4 ':include')

图片添加超链接（markerdown语法）

[![piclink](https://xx.jpg)](../../xxx.md)

文档预览

在文档根目录CMD运行

docsify serve