一个好的博文除了博文的质量要好以外,好的组织结构也能让读者阅读的更加舒服与方便,我看园子里面有一些园友的博文都是分章节的,并且在博文的前面都带有章节的目录索引,点击索引之后会跳转到相应的章节阅读,并且还可以回到目录顶端,其中 Fish Li 的博文就是这种组织,当然这种结构如果是在写博文的时候人工 ...
一 自动生成章节目录 为博文添加目录索引可以得到更加舒适的阅读感受,为此,本文为博客园博客自动生成章节目录索引。 . 介绍 本代码同时适配如下三种复杂标题情况: 只有一级标题 或 只有二级标题 或 只有三级标题 只有二级和三级标题 或 只有一级和二级标题 只有一级 二级和三级标题 . 操作步骤 登录到博客园,进入你的博客页面 打开导航栏的 管理 菜单 切换到 设置 选项卡 往下翻页找到 页脚HT ...
2018-09-05 15:59 0 855 推荐指数:
一个好的博文除了博文的质量要好以外,好的组织结构也能让读者阅读的更加舒服与方便,我看园子里面有一些园友的博文都是分章节的,并且在博文的前面都带有章节的目录索引,点击索引之后会跳转到相应的章节阅读,并且还可以回到目录顶端,其中 Fish Li 的博文就是这种组织,当然这种结构如果是在写博文的时候人工 ...
对于比较长的文章,有一个好的目录索引是很有必要的,可以让读者比较清楚地了解文章内容和层次。然而,目前(2015.7)博客园不像csdn博客那样,会对发布的文章自动生成目录索引。不过,一些网友通过博客园后台提供的一些自定义功能,自己写脚本实现了这一功能。我用的脚本主要就是参考@薰衣草的旋律 ...
博客逐步迁移至 极客兔兔的小站 1.写在前面 之前使用过有道云笔记和为知笔记,后来偶然喜欢上用Markdown写文档。被Markdown的简洁与大气所折服,因此抛弃了有道云,专心使用为知笔记,这样github上的文档和笔记都能统一起来了。最后索性把园子的编辑器改为 ...
博客园自动生成目录 前言 样式如本博客,其中js需要申请 页面定制 博客侧边栏 页首代码 页脚代码 ...
到对应的章节,并可回到目录顶端; 回到顶部 添加功能的具体步骤 确保自己的博客园 ...
文章如果比较长的话,子标题很难找,文章结构没法一目了然,如果有一个导航目录靠在边栏就好了 看了很多园子里其他的文章,js和css挺长的,怕用不好,干脆自己尝试写一个 一、要实现的功能 1、自动生成 不限定某几个h标签,最好h1-h6都可以支持 2、靠在侧边栏 我的边栏内容比较 ...
展示效果 注意,在这里标题二代表一级,标题三代表二级,标题四代表三级。 设置方式 首先我们需要申请开通js权限,然后将目录js代码复制到博客侧边栏公告(支持HTML代码) (支持 JS 代码)中,如下所示: 生成目录JS代码 ...
一、自动生成目录 1、在博客园后台管理页面选择“设置” 2、生成三级目录 2.1、操作步骤 找到页脚HTML代码,复制自动生成目录的js代码,保存即可 代码如下: View Code 2.2、效果: 3、生成一级目录 3.1、操作 ...