介绍: autocjs 是一个专门用来生成文章目录(Table of Contents)导航的工具.autocjs 会查找文章指定区域中的所有 h1~h6 的标签,并自动分析文章的层次结构,生成文章的目录导航(独立的侧边栏菜单,或者在文章的开始处生成文章目录). 支持 AMD 和 CMD 规范: 可以作为独立模块使用,也可以作为 jQuery 插件使用: 支持中文和英文(标题文字): 界面简洁大方: 拥有 AnchorJS 的基础功能: 即支持生成独立文章目录导航菜单,又可以直接在文章中生成目录

转载于:JavaScript自动生成博文目录导航 我们在写博客的时候,如果博文里面有目录,会给人结构清晰.一种一目了然的感觉,看目录就知道这篇博文要讲解的内容,并且点击目录标题就可以跳转到 具体的内容,这样园友们在看博客的时候就可以很方便地浏览自己感兴趣的内容,但是遗憾的是博客园不支持博文目录的生成,好像也有园友给博客园提建议,希望 能够像CSDN那样能够自动生成博文目录,但是不知道是什么原因,博客园一直都没有把这个功能加上去,既然没有,那我就自己做吧,研究了2天,总算是按照 自己的设想做出来了

博客园页面添加返回顶部TOP按钮 进入网页管理->设置 在"页面定制CSS代码"中添加如下css样式,当然你可以改为自己喜欢的样式 此处可以将背景色background-color改为: background:url(http://images.cnblogs.com/cnblogs_com/gitwow/1393973/o_o_o_toTop.png) no-repeat -70px top; 在"页脚Html代码"中添加如下代码,可以将文字改为图片 此处&

索引 简介 测试用例 代码 简介 * 用Regex辅助生成文章目录 2.0 * 1.提高了功能的通用性(假定的文章格式更加普遍,即按照h2h3h4分级) * 2.改善了代码的可读性(稍微牺牲了一点点性能,不过也无关紧要..) * 3.略微..提高了扩展性(只需要重写generateDirectory方法就可以 * 生成自定义目录) * 缺点:没有处理比较脏的情况,需要人工确保html干净 测试用例 输入: <h2>你好</h2> <p>dasjdalsjdlsasjdl

概述 CSDN中有根据文件内容中H标签在文章中自动生成文章目录,看起来比较专业,就想把它搬到自己的博客园中.类似下图 提取JS脚本 通过浏览器开发者工具(IE/Chrome)找到产生文章目录javascript脚本(我直接用IE开发工具中搜索相关字符串”系统根据文章中H1到H6标签自动生成文章目录”搜索到的), 并把其中文章内容ID修改成博客园的ID(#cnblogs_post_body) 产生脚本如下脚本如下: $(document).ready(function() { buildCTabl

[C#泛型系列文章] 目录导航 第一部分:O'Reilly 出版的<C# Cookbook>泛型部分翻译 第一回:理解泛型 第二回:获取泛型类型和使用相应的泛型版本替换ArrayList 第三回:使用相应的泛型版本替换Stack和Queue 第四回:链表的实现和可空类型 第五回:反转SortedList里的内容 第六回:使用泛型创建只读集合及使用相应的泛型版本替换Hashtable 第七回:在泛型字典类中使用foreach及泛型约束 第八回:初始化泛型类型变量为它们的默认值 第二部分:O'Re

ASP.NET文章目录导航 ASP.NET-[读书笔记]-原创:ASP.Net状态管理读书笔记--思维导图 (2013-12-25 10:13) ASP.NET-[潜在危险]-从客户端中检测到有潜在危险的Request.Form值的解决方法 (2014-07-17 14:52) ASP.NET-[HTTP错误]-HTTP 错误 500.22 - Internal Server Error 检测到在集成的托管管道模式下不适用的 ASP.NET 设置 (2014-07-17 14:51) ASP.N

由于写的文章已经是有点多了,为了自己和大家的检索方便,于是我就做了这么一个博客导航. 想要获取最新原创的技术文章欢迎关注我的公众号:Java3y 文章目录导航:https://github.com/ZhongFuCheng3y/3y

WPS生成文章目录 1.引用–>插入目录...即可!

感谢 孤傲苍狼 分享了 自动生成博文目录的方法,本文仅作存档使用. 图 1:效果预览 CSS 样式 #TOCbar{ font-size:12px; text-align:left; position:fixed; width: auto; height: auto; top:50px; right:0px; /*离页面顶部与右侧的距离*/ } #TOCbarTab{ float:left; width:30px; border:1px solid #e5e5e5; border-right:n

原文地址:小寒的博客 功能介绍 这个组件的效果呐,就是你在浏览这个页面的时候点击右上角的叉叉看到的那个文章目录. 功能很简单,就是根据文章内容自动生成这个目录,可以快速跳转. 需要的知识点 正则 dom操作 利用锚点跳转 实现原理 首先我们拿到的是一个html字符串,并不是html哦,然后分析这个html字符串,获取所有的h1 h2 h3 h4 h5 h6的生成一个锚点信息的列表 然后给所有的这些标题标记一个id,用来进行锚点的跳转 渲染目录 正则 正则是基础中最难学和应用的一部分,但作为处理字

PS. 用来生成个人笔记的目录 1.输入:html文本 <h2>Notes</h2> <p>1.小标题1.正文正文正文</p> <div class="cnblogs_code"> <pre><span style="color: #000000;">ddjlasjdlas </span><span style="color: #0000ff;"

前言:这段时间一直在准备校招的东西,所以一晃眼都好长时间没更新了,这段时间准备的稍微好那么一点点,还是觉得准备归准备,该有的学习节奏还是要有..趁着复习的空隙来整理整理自己写过的文章吧..好多加了微信公众号的朋友都一个劲儿的回复1,2,3,4然而并没有整理,有点尴尬..hhh.. 最近的话自己也创建了一个qq群,欢迎想要交流的朋友来加:3382693,麻烦请加的时候注明一下是在哪里看到的.. 文末获取100G精品Java学习资料 Java基础学习 Java学习笔记(0)--了解Java:http

0. 简介 进入到cnblog这个大园子以后,和其他的一些博客网站比起来,少了些小功能,比如旁边CSDN上的目录.不过好在大神辈出,博客园可以通过申请JS权限来进行目录的生成. 由于本人在JS以及CSS上纯小白,不过一些代码还是可以看懂的,刚好园子里有着许多前辈的模板,就直接拿来使用了,在此也谢谢原作者. 1. JS代码 想要生成目录,许多都说需要JS修改权限,那个这里就直接进入设置页面,找到下方的联系邮箱直接发去就行了,工作人员回复的还是很快的. 拿到权限之后,下面就是将编(搜)写(寻)的JS

当我们用word录入完文章,文章里有段落,段落里又有小标题,每一种标题的格式不尽相同,word为我们提供了相当丰富的标题格式,如:正文,无间隔,标题1,标题2,标题3,标题4,副标题,强调,要点......我们在书写文章的时候可以将标题附上相应的格式以方便生成文章目录,一个有目录的文章显示更加有清晰的结构层次,美观又有条理.制作目录并不难,它只是将已有信息进行整理,关键还在于文章录入的时候要理清哪些做为标题,哪些个为副标题,子标题,这样在生成目录的时候便无须做任何修改即可完成.首先,点击"插入&

作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 博客文章的模型有一个 excerpt 字段,这个字段用于存储文章的摘要.目前为止,还只能在 django admin 后台手动为文章输入摘要.每次手动输入摘要比较麻烦,对有些文章来说,只要摘取正文的前 N 个字符作为摘要,以便提供文章预览就可以了.因此我们来实现如果文章没有输入摘要,则自动摘取正文的前 N 个字符作为摘要,这有两种实现方法. 覆写 save 方法 第一种方法是通过覆写

在发表的文章中,系统根据文章中H1到H6标签自动生成文章目录. 一.发表文章的时候合理使用“标题”标签. 二.目录生成.只要在文章中使用了“标题1”这样的功能,就可以在博文开头看到文章的目录.

Why 文章被遗忘 文章检索不好用 方便总结个人知识 What 根据文章分类生成文章目录 莫逸风文章目录 项目地址 gitee(地址)

前段时间有个同学问有没有办法在博客园上发一篇文章然后自动生成文章的目录.之前不知道该怎么做这几天看了些jquery之后觉得还是容易的. 一级目录 一级目录的思路很简单,找出作为一级标题的元素,在某个地方将text列出,再加上链接就好. target = $("#contents"); $(document).ready(function() { GenerateContents(); }); function GenerateContents() { var num = 0; var

前文:用jquery实现文章自动生成二级目录. 使用方法的补充 我们可以把我们的js和css上传到博客园,然后在页面HTML代码中使用他们. 发现的一些问题 在我把我的js放到自己的博客园上运行之后发现了几个问题: 博客园博客的子标题用的是h2,自动生成目录的js把博客的子标题也加入到了目录中. 写了一篇比较长的博客,发现用目录跳到某处后没有链接返回目录处,有些不方便. 每次写完文章还得在文章的HTML中加目录的div. 解决问题 参考:薰衣草的旋律的一篇文章. 博客园子标题的问题,只要把一级标