docsify简单总结

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


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <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里的代码为:
docsify简单总结_第3张图片
然后启动一个静态服务器就可以了。如:cd docs && python -m SimpleHTTPServer 3000.

你可能感兴趣的:(docsify简单总结)