如何在博客园随笔中增加章节导航

lfri lfri     2023-01-21     127

关键词:

在博客园阅读了很多优秀的博文,内容清晰,结构合理,开篇还有目录索引,自己也用博客园很长时间了,今天补充下如何自己手动生成博文的章节目录索引。

阅读目录:

1. 文章撰写

2. 添加锚点

3. 添加目录并建立锚点链接

4. 附录

 

1. 文章撰写

 把需要的文章内容先写完整,章节标题添加标题3的样式(在TinyMCE编辑器下,标题3的样式最适宜)。

文章内容应精炼,结构清晰,逻辑简单,中心思想明确、单一。

 

2. 添加锚点

在完成内容的标题位置添加锚点,博客园默认编辑器TinyMCE编辑器中“插入/编辑书签”按钮,锚样式的图标。

注意:锚点名称不能为中文,请使用英文或拼音相应识别。

技术分享图片

 

3. 添加目录并建立锚点链接

在文章最初位置添加阅读目录,在章节目录上“插入/编辑链接”,选择相应的锚点。

技术分享图片

 

 

附录:优秀文章结构推荐

[1] HTTP协议详解

[2] Fiddler 教程

 

 

存在即合理,别人能实现的你一定也可以,暂时不能的只是方法或时间不对。

【转载自】:http://www.cnblogs.com/xfiver/p/4355690.html#AddIndex

博客园美化:创建《留言板》导航栏

先创建一个空的随笔,在高级选项中的显示在我的博客首页☑️去掉,下面代码红色的链接改成自己刚创建的空随笔链接。添加代码:管理-设置页首HTML代码:<scripttype="text/javascript">$(document).ready(function()varnode=document.getElement... 查看详情

博客园已经写好的文章或者随笔如何归类

首先明确随笔和文章是两种东西,而且都可以分别建立分类,比如在随笔一栏我已经有了两个分类,而文章一栏还没有分类  点击编辑分类就可以添加或者删除分类  已经写好的随笔或者文章都可以修改类型和移动到别... 查看详情

博客园随笔导出chm

有过几段时间特别希望能把自己在博客园发布的随笔整理成PDF或CHM之类的电子档。试用了豆约翰博客备份专家、瑞祥博客备份工具、BlogDown、Blog_Backup等备份工具,给我的感觉都不怎样,对于非注册版本导出有限制,而且导出的... 查看详情

博客园博文生成章节目录(代码片段)

...加目录索引可以得到更加舒适的阅读感受,为此,本文为博客园博客自动生成章节目录索引。1.介绍本代码同时适配如下三种复杂标题情况:“只有一级标题”或“只有二级标题”或“只有三级标题”“只有二级和三级标题”或... 查看详情

博客园自动显示随笔标签

title:博客园自动显示随笔标签date:2018-01-0320:52:22tags:浏览器脚本categories:前端在添加随笔页自动显示已有标签,不用点击插入已有标签效果如图安装链接https://greasyfork.org/zh-CN/scripts/36809-%E5%8D%9A%E5%AE%A2%E5%9B%AD%E6%98%BE%E7%A4%BA%E9%9A%8F%E7%A... 查看详情

想知道博客园随笔总阅读量吗?

我真的是闲的无聊了。。。,前提是你写的随笔总数少于等于40条。0.在选项里设置一页显示40条随笔 1,打开自己的随笔列表:https://i.cnblogs.com/posts 2,在当前页面f12打开浏览器控制台 3,粘贴进去以下代码vartrs=document... 查看详情

如何开通博客园及使用方法

1.浏览器输入:http://www.cnblogs.com 2.填写注册信息 3.申请博客成功 4.登录博客 5.使用博客          随笔:所有人在博客中都可以找到的文章    文章:别人找不到,... 查看详情

博客园主页美化中遇到的问题

...,随笔越写越多,但是这个数字总是12应该是今天准备把博客icon给改掉的时候,不小心把这个给弄坏了问题是现在弄不回去了...也有可能是在随笔只有12的时候把CSS复制过去了,然后把更新的那个组块给覆盖掉了?让我们,先把... 查看详情

博客园随笔中点击标签可以跳到当页指定位置的方法

...自带跳转本文中的具体问之的功能。下面就简单介绍下载博客园中要实现这样的功能的方法。例如文章结构可能如下,那么我们希望点击索引中的索引项时能具体调到具体内容中对应的位置。索引1、Struts2是什么玩意?核心?主... 查看详情

如何在博客园上使用markdown(代码片段)

目录1[Toc]1.打开markdown编辑器在你的博客园首页面选择新随笔,在编辑页面左上角有设置默认编辑器,点击选择markdown即可。这时你已经可以编辑了,但你会注意到,编辑页面是没有预览按钮的,当然你也可以滑到最底部选择保存... 查看详情

《我的博客园“头七”》随笔

??震惊!明天又是周末!??有事情做的时候时间真的飞快-_-!然而今天实在是没事干~于是乎把主页的样式给重新调了一遍,汗!本人前端技术实在不过硬,东拿西凑的拼成了如今的样子,好说歹说起码看着舒服,也用不着默认的样... 查看详情

制作博客园目录导航(代码片段)

在博客园文章的上方制作一个导航窗口,方便浏览文章内容。点击按钮可以跳转到指定标题,还具备返回顶部功能。 1.向博客园申请JS权限我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限... 查看详情

javascript高级编程随笔

前言:本人之前在博客园写过一遍关于MVC基础的一个小文章,由于当时各种原因没能继续坚持写下去,最近本人在学习JavaScript,想用自己的方式整理出来,主要是为了加深自己的印象,我还是一个前端的小学生,希望各位前端... 查看详情

我的第一篇博客园随笔(代码片段)

只是简单测试vara=1;varb=2;constadd=function(x,y)returnx+y;;add(a,b) 查看详情

让博客园博客自动生成章节目录索引

...者比较清楚地了解文章内容和层次。然而,目前(2015.7)博客园不像csdn博客那样,会对发布的文章自动生成目录索引。不过,一些网友通过博客园后台提供的一些自定义功能,自己写脚本实现了这一功能。我用的脚本主要就是... 查看详情

博客园博客自动生成目录/目录索引

...添加功能的具体步骤生成脚本 近来写了一些比较长的博客,阅读起来很不方便,看园子里其他园友的博客有些有目录,就想给自己的博客增加目录结构,增加文章可读性;回到顶部回到顶部实现效果通过点击目录索引,跳转... 查看详情

在java中怎样把数组转换为arraylist?

 转:liushaobo博客园首页新随笔联系订阅管理随笔-148 文章-0 评论-14博客园首页新随笔联系订阅管理随笔-148 文章-0 评论-14在Java中怎样把数组转换为ArrayList?翻译自:HowtoConvertArraytoArrayListinJava?本文分析了StackOverfl... 查看详情

第二个随笔(代码片段)

我之前在博客园没怎么发东西,就是觉得博客园的Markdown不支持实时预览,加上markdown显示出来的效果,主页皮肤效果总是觉得很奇怪不能让我满意。但是我今天偶然发现,原来博客园是允许自定义样式的,我觉得我之前傻了。... 查看详情