一、自动生成章节目录 为博文添加目录索引可以得到更加舒适的阅读感受,为此,本文为博客园博客自动生成章节目录索引。 1. 介绍 本代码同时适配如下三种复杂标题情况: “只有一级标题”或“只有二级标题”或“只有三级标题” “只有二级和三级标题”或“只有一级和二级标题 ...
博客逐步迁移至 极客兔兔的小站 .写在前面 之前使用过有道云笔记和为知笔记,后来偶然喜欢上用Markdown写文档。被Markdown的简洁与大气所折服,因此抛弃了有道云,专心使用为知笔记,这样github上的文档和笔记都能统一起来了。最后索性把园子的编辑器改为Markdown了。 但是园子里的Markdown渲染效果和为知笔记 github上的比起来不够美观,因此决心改造园子的Markdown ...
2016-02-12 21:05 34 12288 推荐指数:
一、自动生成章节目录 为博文添加目录索引可以得到更加舒适的阅读感受,为此,本文为博客园博客自动生成章节目录索引。 1. 介绍 本代码同时适配如下三种复杂标题情况: “只有一级标题”或“只有二级标题”或“只有三级标题” “只有二级和三级标题”或“只有一级和二级标题 ...
一个好的博文除了博文的质量要好以外,好的组织结构也能让读者阅读的更加舒服与方便,我看园子里面有一些园友的博文都是分章节的,并且在博文的前面都带有章节的目录索引,点击索引之后会跳转到相应的章节阅读,并且还可以回到目录顶端,其中 Fish Li 的博文就是这种组织,当然这种结构如果是在写博文的时候人工 ...
对于比较长的文章,有一个好的目录索引是很有必要的,可以让读者比较清楚地了解文章内容和层次。然而,目前(2015.7)博客园不像csdn博客那样,会对发布的文章自动生成目录索引。不过,一些网友通过博客园后台提供的一些自定义功能,自己写脚本实现了这一功能。我用的脚本主要就是参考@薰衣草的旋律 ...
配置博客园 进入博客园后台管理界面,按“设置”页。 在“页面定制CSS代码”定制 CSS。 在“页脚Html代码”添加相应的JavaScript标签与代码。 优化博客园Markdown样式(代码行号、版权信息、章节目录等) 如何自定义博客园代码高亮主题,同时分享自己使用的黑色 ...
昨天发了一篇博客 饭团(0):提升效率的开发工具。但是默认字体太小了。对读者很不友好。博客园可以自己个性CSS,这会儿离上班还有段时间,所以决定亲操刀。 Round 1 记得前几天园子有篇博客说Markdown的很火,看看有没借鉴的。 Markdown语法中文版 ,很可惜 ...
Markdown的代码样式如何设置? 一、问题描述 由于在WIZ中 写Markdown格式的笔记,然后通用插件上传到博客园,上传之后,markdown的代码样式不见了,那么如何设置呢? 二、设置步骤 1. 进入博客园的后台管理 2. 把下面的CSS代码,复制到这里面 ...
修改Markdown代码框 UPD 2020-03-15 五天前这个主题的作者更新了1.2.6版本,新版本中改善了对MD代码框的支持,本教程的部分内容已非必要。 初始效果 前几天换了博客的主题,开始用博客园的md编辑器写博客,然而md编辑器的代码高亮支持有些糟糕。 在新主题下< ...
博客园的markdown模式下的代码高亮功能使用的是highlight.js,没有行号和显示相应编程语言的功能,只好自己将其改造了一下(将这两种功能一并实现了)~ 先看一下效果,再详细介绍方法~ 查看博客园markdown所使用的代码高亮插件 先找到一篇markdown模式下写的文章 ...