经常使用markdown 的玩家一定很想要一个自动生成的导航栏吧,自己写的基本思路就是 轮询监听滚动条的位置,通过抛锚和跳锚实现,这里介绍一下今天的主角,markdown-toc插件: https://github.com/jonschlinkert/markdown-toc # 0x00 安装 TOC = Table of content , 将内容制作成导航 这个插件是基于 nodejs 的,因此需要安装 node 和 npm ,这里同样采用nvm的形式安装 curl -o- https:/

概述 知识与思路 代码实现 概述 Markdown 很适合于技术写作,因为技术写作并不需要花哨的排版和内容, 只要内容生动而严谨,文笔朴实而优美. 为了编写对读者更友好的文章,有必要生成文章的标题导航,让读者有个预期的阅读概览.当文章标题比较多时,手工去编写导航锚点比较费时,因此决定使用Python解析Markdown文档自动生成标题导航. 知识与思路 写过Markdown的人知道,Markdown的标题是使用一到六个# 左右包围住标题文字,而锚点是 [标题](#标题). 比如 ## 知识与思路

Markdown 可以用更简化的标记来写文章,基本的语法可以参考Markdown 语法说明 (简体中文版). 我平时很少按照论文的写法去写博客,说来忏愧,因为很少写技术性的文章,最近看到百度百科和很多技术性博客文章都采用了文章页内导航跳转,我想要是自己用 html 去写应该是挺费劲的一件事,不过幸好可以用 Markdown 可以来帮助我们减少工作量. 示例(建立带二级标题的导航目录) Markdown 生成目录代码如下: * [第一节](#第一节) * [1.1](#1.1) * [1.2](#

Markdown温故知新(0):导航目录 Markdown温故知新(1):Markdown面面观 Markdown温故知新(2):详解七大标准语法 Markdown温故知新(3):六个实用扩展语法 Markdown温故知新(4):更多扩展语法及HTML Markdown温故知新(5):Markdown编辑器 下面介绍一下我是如何开始 Markdown 之旅的: 2015 年初,领导开始给我安排一些管理方面的工作.一开始是指导新人,帮助新人解决问题:然后是拆分需求,制定开发计划,给新人分配任务:再

Markdown 工具的使用 基本操作 CMD-N 建立一个新的工作表 CMD-SHIFT-N 建立一个新的组 CMD-CTRL-N 建立一个新的过滤器 项目总是会被创建在当前所选的附近 工作表会被创建在当前所选的下面 组和过滤器会被创建在当前所选的组中 如果没有选择,或者这个选项不接受新的内容(文库 > 任何文件夹),项目将建立在最顶层的类别中(例如 iCloud 中) 点击选择 双击编辑 HUDs 和视图 CMD-1 切换侧边栏 CMD-2 切换工作表列表 CMD-3 切换编辑器只读视图 C

欢迎使用 Cmd Markdown 编辑阅读器 我们理解您需要更便捷更高效的工具记录思想,整理笔记.知识,并将其中承载的价值传播给他人,Cmd Markdown 是我们给出的答案 -- 我们为记录思想和分享知识提供更专业的工具. 您可以使用 Cmd Markdown: 整理知识,学习笔记 发布日记,杂文,所见所想 撰写发布技术文稿(代码支持) 撰写发布学术论文(LaTeX 公式支持) 除了您现在看到的这个 Cmd Markdown 在线版本,您还可以前往以下网址下载: Windows/Mac/L

开始制作自己的个人简历啦,决定要使用固定导航栏,又打算使用fullpage.js做全屏滚动. 仔细看了fullpage文档之后,发现不用额外写js代码就可以实现以下效果: 1.当滚动翻页时,导航栏也自动定位到这一页的标签 2.当然点击标签时,也是滚动到那一页而不是直接跳转的. 一.准备工作肯定是要先导入fullpage.js啦: 官网是https://github.com/alvarotrigo/fullPage.js <link rel="stylesheet" href=&q

写作也是创作一件产品.以易懂.简洁.凝练的方式表达观点.阐述见解和知识,发挥影响力. 为什么要使用 Markdown 博文迁移的排版兼容.当在多个博客之间,或者在线博客与本地笔记软件之间迁移的时候,排版的兼容性是个问题.而 Markdown 则保持了这种兼容性. 文风一致.使用 Markdown 一般用于技术性写作,要求文风严谨.素雅.一致. 格式转换便利.Markdown, HTML, Word, Pdf, Wiki, 说到底,其实都是一种文本标记语言,只是标记系统和解释系统的复杂性差异.使用

折腾过github pages的同学都清楚使用jekyll搭建个人网站的目录结构,而导航最终的代码是在使用的主题目录中的default.html文件中的. 我的结构如下: . ├── .html ├── about.html ├── archive.html ├── assets │   └── themes ├── atom.xml ├── categories.html ├── changelog.md ├── _config.yml ├── _drafts │   └── jekyll-i

# 欢迎使用 Cmd Markdown 编辑阅读器 基本符号 *,-,+ 3个符号效果都一样,这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码,tab是用来标记 代码段,分别对应html的code,pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号,然后是空行,表示 hr横线 标题 生成h1--h6,在文字前面加上 1--6个# 来实现 文字加粗是通过 文字左右各两个符号 引用 在第一行加上

欢迎使用 Cmd Markdown 编辑阅读器 我们理解您需要更便捷更高效的工具记录思想,整理笔记.知识,并将其中承载的价值传播给他人,Cmd Markdown 是我们给出的答案 -- 我们为记录思想和分享知识提供更专业的工具. 您可以使用 Cmd Markdown: 整理知识,学习笔记 发布日记,杂文,所见所想 撰写发布技术文稿(代码支持) 撰写发布学术论文(LaTeX 公式支持) 除了您现在看到的这个 Cmd Markdown 在线版本,您还可以前往以下网址下载: Windows/Mac/L

What is markdown? Markdown 是一种轻量级的「标记语言」,它的优点很多,目前也被越来越多的写作爱好者,撰稿者广泛使用.看到这里请不要被「标记」.「语言」所迷惑,Markdown 的语法十分简单.常用的标记符号也不超过十个,这种相对于更为复杂的HTML 标记语言来说,Markdown 可谓是十分轻量的,学习成本也不需要太多,且一旦熟悉这种语法规则,会有一劳永逸的效果. ----认识与入门 Markdown Why use markdown? 格式简单,语法简洁应该算是mar

个人常用的Markdown语法 前言 初次使用Markdown编辑器,将自己最常用的几个语法记录一下,如有错误或是更方便的使用方式还请指出. 多级标题 一个"#"到六个"#"分别表示一级标题到六级标题 有序列表 "1. ","2. "表示有序列表,英文句点后面的空格不能少 如: 张三 李四 无序列表 "* "表示无序列表,"*"后面的空格不能少 如: 无序列表 插入链接 [http://

概述 这里说的是Yelee主题的语法和原生语法是有些区别的:更多的基础语法可以到Cmd Markdown上面去查看:但是我觉得都会各有不同吧 注意这里说的不是真正意义上的Markdown语法 标题 一般会出现在边栏变为导航使用 每增加一个#就会往下一层计算导航这里请注意了,语法是这样写的注意空格一般都是符号+空格+内容 这里的二级菜单比较特别 是居中横幅的样式. # 一级菜单 ## 二级菜单 ### 三级菜单 链接的写法 最基本的: [需要显示的链接文字](链接的地址带http://或者直接是內

博客园页面添加返回顶部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代码"中添加如下代码,可以将文字改为图片 此处&

Markdown是一种纯文本格式的标记语言.通过简单的标记语法,它可以使普通文本内容具有一定的格式. 相比WYSIWYG编辑器 优点:1.因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作.2.操作简单.比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题.要三个步骤.而Markdown只需要在标题内容前加#即可 缺点:1.需要记一些语法(当然,是很简单.五分钟学会).2.有些平台不支持Markdown编辑

之前用了很多Markdown 文档生成工具,发现有几个挺好用的,现在整理出来,方便大家快速学习. loppo: 非常简单的静态站点生成器 idoc:简单的文档生成工具 gitbook:大名鼎鼎的文档协作工具 docsify:一个神奇的文档站点生成器,简单轻巧,无需静态构建html 教程版: http://me.52fhy.com/learn-markdown-generate-tool/#/ loppo 官网: https://github.com/ruanyf/loppo 依赖 node.js

TOC是指markdown的TOC; 目录导航是指博客园中各个博主提供的各种目录导航. 现在改换markdown写博文了,我喜欢使用TOC作为目录,让大家了解博文的内容,也喜欢用"目录导航"来快速跳转,因为TOC只能下去,不能上. 但发现TOC跟抄来的"目录导航"的id冲突了.TOC会根据标题名自动生成ID,而目录导航也会生成ID,从而能够使用跳转功能. 然后改来改去,把目录导航的生成标题id对应上了toc生成的id,结果发现没有办法解决标题同名问题.我个人喜欢在各

1.背景 个人比较喜欢用Markdonw写东西,比如写博客随笔,写有道云笔记等,但有的时候会突然忘记某个具体语法怎么写了,如插入图片.插入链接.表格等,那干脆把这个语法简单地总结一下,也方便日后快速查询作为参考使用 2.[标题] 语法:井号 + 空格 + 内容 共有六级标题,一级标题字号最大,只写一个#:从二级到六级#号数量依次递增,字号依次递减,六级标题写六个#. 3.[无序列表] 语法:减号 + 空格 + 内容或加号 + 空格 + 内容或者星号 + 空格 + 内容 4.[有序列表] 语法:数

Markdown是一种纯文本格式的标记语言.通过简单的标记语法,它可以使普通文本内容具有一定的格式. 相比WYSIWYG编辑器 优点: 1.因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作. 2.操作简单.比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题.要三个步骤.而Markdown只需要在标题内容前加#即可 缺点: 1.需要记一些语法(当然,是很简单.五分钟学会). 2.有些平台不支持Markdo