docsify简单总结

最新推荐文章于 2024-06-17 21:39:47 发布

zhener09

最新推荐文章于 2024-06-17 21:39:47 发布

阅读量1.2k

点赞数 1

本文链接：https://blog.csdn.net/sinat_41747081/article/details/90205145

版权

版权声明：本文为博主原创文章，未经博主允许不得转载。
docsisy是一个神奇的网站，我想它神奇的地方在于可以将md格式的文件按照一级标题，二级标题，三级标题，加粗格式…渲染成一个网页。由于工作中用到了docsify,所以就简单地总结一下，这里md格式里使用的是官网上的内容。实现的效果如图所示：
在这里插入图片描述
使用init初始化项目之后，会发现docs文件夹下有三个文件：

index.html中的代码为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" 
    href="//unpkg.com/docsify/lib/themes/vue.css" title="vue">
</head>
<body>
    <div id="app"></div>
    <script>
    window.$docsify = {
        homepage: 'quickstart.md',
        maxLevel: 1,
        subMaxLevel: 3,
        loadSidebar: '_sidebar.md'
    };
    </script>
    <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
</body>
</html>

如果主页面不想使用README.md里的内容，可以设置homepage;
_sidebar.md里的代码为：
在这里插入图片描述
然后启动一个静态服务器就可以了。如：cd docs && python -m SimpleHTTPServer 3000.

zhener09

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
docsify简单总结

版权声明：本文为博主原创文章，未经博主允许不得转载。docsisy是一个神奇的网站，我想它神奇的地方在于可以将md格式的文件按照一级标题，二级标题，三级标题，加粗格式…渲染成一个网页。由于工作中用到了docsify,所以就简单地总结一下，这里md格式里使用的是官网上的内容。实现的效果如图所示：使用init初始化项目之后，会发现docs文件夹下有三个文件：index.html中的代码为:...
复制链接

扫一扫