markdown、代码高亮、css动画、目录生成、返回顶部(平滑滚动)

Editor.md的markdown编辑器

在这里插入图片描述

markdown编辑器

参考博客: https://blog.csdn.net/qq_40205116/article/details/104525511

给部分代码加高亮

<pre ><code class="language-css">
/* 标题应该更贴紧内容,并与其他块区分,margin 值要相应做优化 */
h1,h2,h3,h4,h5,h6 {
    line-height:1;font-family:Arial,sans-serif;margin:1.4em 0 0.8em;
}
h1{font-size:1.8em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5,h6{font-size:1em;}

/* 现代排版:保证块/段落之间的空白隔行 */
.typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr {
    margin:1em 0 0.6em;
}
</code></pre>

返回顶部

<script src="//cdn.jsdelivr.net/npm/[email protected]/jquery.scrollTo.min.js"></script>
    //返回顶部
    $('#toTop-button').click(function () {
        $(window).scrollTo(0,500);
    });

目录生成

github: https://github.com/tscanlin/tocbot
参考网址:http://npm.taobao.org/package/tocbot

animate.css动画

网址:http://www.jq22.com/yanshi819

怎样控制animate.css的动画时间

参考博客:https://blog.csdn.net/qq_42865147/article/details/81364775?utm_source=blogxgwz7

发布了71 篇原创文章 · 获赞 0 · 访问量 1558

猜你喜欢

转载自blog.csdn.net/qq_42977003/article/details/104679703