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

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

阅读目录:

1. 文章撰写

2. 添加锚点

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

4. 附录

1. 文章撰写

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

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

2. 添加锚点

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

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

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

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

附录:优秀文章结构推荐

[1] HTTP协议详解

[2] Fiddler 教程

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

时间: 2024-10-03 22:40:31

如何在博客园随笔中增加章节导航的相关文章

博客园随笔中添加目录导航悬浮框

1,在博客园设置中申请js权限,写明申请理由大约2-3小时通过 2,通过后在后台设置中添加CSS代码 /*生成博客目录的CSS*/ #uprightsideBar{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; position:fixed;/*将div的位置固定到距离top:50px,right:0px的位置,这样div就会处在最右边的位置,距离顶部50px*/ top:50px; righ

博客园随笔导出CHM

有过几段时间特别希望能把自己在博客园发布的随笔整理成PDF或CHM之类的电子档.试用了豆约翰博客备份专家.瑞祥博客备份工具.BlogDown.Blog_Backup等备份工具,给我的感觉都不怎样,对于非注册版本导出有限制,而且导出的样式真心觉得丑!最近在博客园看到使用CHM文档 采集随笔(续),扒拉下来稍微修改后还真可以使用~.~先看导出的CHM效果图 主要修改的部分:1.博客园随笔从2013-06-17起(翻看别人的随笔推测的时间点),随笔路径从http://www.cnblogs.com/u

C#控制台基础 正则表达式,regex,webclient下载博客园网页中的一张图片

1 网页图 这网页就一张图片,新手入门,找个简单一些的. 2 代码 1 正则表达式,regex,webclient下载博客园网页中的一张图片 2 3 4 using System; 5 using System.Collections.Generic; 6 using System.IO; 7 using System.Linq; 8 using System.Net; 9 using System.Text; 10 using System.Text.RegularExpressions; 1

你博客园文章中的图片可以放大吗?反正我的是可以放大了!

序 看看项目经理是如何实现的? 插件选择 试了几个插件,感觉还是 lightbox 插件好用,链接:https://github.com/lokesh/lightbox2,该插件具备如下几个特点: 点击图片后根据图片实际尺寸自动显示 图片有加载动画特效,有前.后.关闭按钮 想看详细介绍,可以查看:https://www.lokeshdhakar.com/projects/lightbox2/ 具体实现 通过上面的链接下载好后需要如下几个文件:lightbox.css.lightbox-plus-

实现Iapp软件截取博客园随笔内容更改事件代码

代码如下           还没有完全写完, t() { .线程一.1 hs("http://www.cnblogs.com/BlmVac/p/5551737.html",null,null,codebh) f(codebh?"博客园") { .判断是否能截取网络数据1.1 sj(codebh,"是否提示*","*",proSwit) .tw(proSwit) f(proSwit==0) { .判断proSwit.1 sj(

博客园--随笔小技巧之超链接的使用

首先copy一下你要引用的网址如下: 选中-->右键 或者同上选中点击 如图提示操作: 这个必须填,否则超链接不生效,本人亲自测试,新手必学! 以上两步就可以实现了,方便体验加个小手图标更友好方便 鼠标移到下面网址点一下试试: 这就是你将引用他人的博客地址:http://www.cnblogs.com/lusid/ 博客园的使用小技巧你学会了么 新手推荐一下,之前百度都没有的小技巧,大牛无视!!! 觉得实用,喜欢的话,推荐一下,谢谢!

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

我们在写随笔的时候,如果内容比较多,那么我们就希望在最前面的索引中能自带跳转本文中的具体问之的功能.下面就简单介绍下载博客园中要实现这样的功能的方法.例如文章结构可能如下,那么我们希望点击索引中的索引项时能具体调到具体内容中对应的位置. 索引 1.Struts2是什么玩意?核心?主要的功能? 2.Struts2的核心知识 内容 一  .Struts2是什么玩意?核心?主要的功能? ....... 二.Struts2的核心知识 ...... 具体方法是将你要跳转的标题插入设置书签,之后在标签中插入

关于在博客园文章中运行自己html

关于实现在博客网站中实时的运行自己的代码 Document <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="ccc" class="ccc aaa bbb&qu

修改博客园推荐人数增加W效果

今天逛园子,偶然看到最多推荐,有点好奇. F12查看元素,发现是在css中加了一个after,内容中增加了一个"w". 本着娱乐至上的准则,自己也试试.复制以下css到设置自定义css中 #digg_count:after{ content: 'w'; } :after, :before { webkit-box-sizing: border-box; moz-box-sizing: border-box; box-sizing: border-box; }