JS生成HTML的目录

前言 生成目录结构 function getCatalog(className){ let showDom = document.querySelector("." +className); // 获取所有标题元素 const headings = showDom.querySelectorAll('h1, h2, h3, h4, h5, h6'); +className); mDom.scrollIntoView({ behavior: "smooth" }); } scrollToDiv("z_catalog_5") Vue项目中对接 模板 div class="catalog" v-show="showCatalog">

js为博客文章自动生成目录

前言 早就想给博客文章加个目录了，以前是能力不够，即使看了别人的Demo，也不会搞，现在只要克服懒癌，应该也没啥困难。于是开始搞起。 代码 <script language="javascript" type="text/javascript">// 生成两级目录索引列表 function GenerateContentList() { var mainContent = $('#mulu'); //在id为mulu的div里面加载目录 var h1_list = $('#yl h1');　　 var h2_list = $ (h1_list.length>0) { var content = ''; content += ''; content += '

目录 其中h1,h2可单独匹配，h3无法单独匹配，简单来说就是文章中只有h3的话目录不会启用。 参考 脚本之家：利用JS生成博文目录及CSS定制博客

主题通过outline.js生成文章目录

发现很多主题的文章页面都有文章导读目录，感觉很有意思，也想给自己的主题加一个。 寻找 有现成的轮子肯定不用重复去造，在主题本来就用了JQuery的情况下，肯定优先使用JQuery的插件。 ChatGPT给推荐了几个： tocbot jquery-tocify.js 然后使用后不能在没有id的h标题里面自动生成锚点id，不能点击滚动，继续寻找。 >

自动生成__test__目录和index.spec.js工具

掌握fs同步方法 使用path 在测试代码目录创建目录data,创建文件data/class.js //class .js 文件 module.exports={ fun1:()=>'run fun1 ', fun2:()=>'run fun2' } 创建data/fun.js //fun.js module.exports=()=>'function run' 创建文件testNow目录，创建 testName = baseName.replace(extName, `.spec${extName}`) return path.format({ // 目录 /abc/class.js'); // expect(ret).toBe('. /abc/__test__/class.spec.js'); // }) // test('测试 测试代码生成',()=>{ // const src=new (require('..

Jekyll目录生成

使用步骤 在显示的地方添加下面的代码