JS生成HTML的目录

前言 生成目录结构 function getCatalog(className){ let showDom = document.querySelector("." +className); // 获取所有标题元素 const headings = showDom.querySelectorAll('h1, h2, h3, h4, h5, h6'); div class="catalog" v-show="showCatalog">

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

前言 早就想给博客文章加个目录了，以前是能力不够，即使看了别人的Demo，也不会搞，现在只要克服懒癌，应该也没啥困难。于是开始搞起。 代码 <script language="javascript" type="text/javascript">// 生成两级目录索引列表 function GenerateContentList() list = $(h2_list[i]).nextAll("h3"); var li3_content = ''; for(var j=0; j<h3_list.length; j++) $(h3_list[j]).before(li3_anchor); li3_content += '<li class="toc-item toc-level-' + i + '_' + j + 这个代码能匹配h1,h2,h<em>3</em>。其中h1,h2可单独匹配，h<em>3</em>无法单独匹配，简单来说就是文章中只有h<em>3</em>的话<em>目录</em>不会启用。 参考 脚本之家：利用<em>JS</em><em>生成</em>博文<em>目录</em>及CSS定制博客

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

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

博客园文章自动生成目录-3级

设置方式 首先我们需要申请开通js权限，然后将目录js代码复制到博客侧边栏公告（支持HTML代码） （支持 JS 代码）中，如下所示： ? 生成目录JS代码 < script type = 'text/javascript' > // 生成目录索引列表 function GenerateContentList() { var mainContent content += '

思维导航：

'; //目录遍历 ).first(); //当遍历内容不等于该h3目录下的值时 if (! = 0) { $($('#cnblogs_post_body')[0]).prepend(content); } } } //执行自动生成目录索引列表

自动生成__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目录生成

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