Markdown页内跳转实现方法
Markdown页内跳转实现方法
[时间:2017-02] [状态:Open]
[关键词:markdown,标记语言,页内跳转,html]
markdown的语法本身支持URL链接跳转,但是如何实现页内跳转呢?
在写比较长的文章是这还是一个不错的快速定位方法。
目前来看主要有两种方案:生成目录、使用html的锚点
HTML锚点跳转
实际语法比较简单,在需要跳转的位置添加锚点,语法如下:
<span id="jump">跳转到的地方</span>
在需要点击跳转的位置,使用上面的id,格式类似超链接的形式:
[点击跳转](#jump)
这样就实现了上述功能。
生成目录
1. 生成目录
这是一个自动生成目录的语法。下面是下一级目录:
1.1 第二级说明1
这是二级目录的一个测试文本。
1.2 第二级说明2
这是二级目录的第二个测试文本。
2. 结语
这是最后一部分内容了。
```
// add some comment code
// end of block
为了效果,加点空行。
最终生成个目录:
* [1. 生成目录](#1)
* [1.1 第二级1](#1.1)
* [1.2 第二级2](#1.2)
* [2.结语](#2)
实现上述效果的主要语法如下:
1. 生成目录
这是一个自动生成目录的语法。下面是下一级目录:
1.1 第二级说明1
这是二级目录的一个测试文本。
1.2 第二级说明2
这是二级目录的第二个测试文本。
2. 结语
最终生成个目录:
从在windows下的MarkdownPad测试来看,这两个跳转都不支持,不过在cnblog上是可以的。
至于自动生成目录的[TOC],目前还是没看到具体效果。
<span id="jump">跳转到的地方</span>
Markdown页内跳转实现方法的更多相关文章
- MarkDown技巧:两种方式实现页内跳转
MarkDown技巧:两种方式实现页内跳转 本人邮箱:JohnTsai.Work@gmail.com,欢迎交流讨论. 欢迎转载,转载请注明网址:http://www.cnblogs.com/JohnT ...
- 常用Markdown公式整理 && 页内跳转注意 && Markdown preview
目录: 常用Markdown公式及注意事项 标题 列表 链接 区块 代码块 / 引用 粗体和斜体 文字块 图片 表格 横线 页内跳转注意事项 其他重要需注意 Markdown preview 前提: ...
- markdown文本内跳转
Markdown文本内跳转 构建茅的过程中使用markdown语法,类似于markdown向外跳转链接,目的地地址写成#. 在markdown文本中写入: 目录 跳转 跳转部分按照html文本的写法 ...
- MarkDown 的两种页内跳转方法!!!!!
页面内跳转就是点击某个文本,能够跳转到页面里指定的其他地方,经常用于目录中. 第一种是利用Html5 比如点击Feature, 跳转到features中 MarkDown: [Feature](#1) ...
- github的markdown页内锚点以及本地资源链接
页内锚点参考 https://my.oschina.net/antsky/blog/1475173 [aaa](#2-aaabbb) 字母小写,.去掉,空格换成- 本地资源链接 [aaa](docs/ ...
- html 页内跳转
第一种 <a href="#div1">to div1</a> //跳转链接<div id="div1">div1</ ...
- Html5 锚 <a>的页内跳转, name=abc herf=#abc
锚点是网页制作中超级链接的一种,又叫命名锚记.命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍. 英文名:anchor 使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题 ...
- markdown页面内跳转
分两步 第一步 实际语法比较简单,在需要跳转的位置添加锚点,语法如下: <span id="jump">跳转到的地方</span> 第二步 在需要点击跳转的 ...
- css3:target页内跳转
:target 用于选取当前活动的目标元素 <!DOCTYPE html> <html> <head lang="en"> <meta c ...
随机推荐
- lamp/lnmp下添加PHP扩展
在linux下安装好基本的PHP运行环境后有时候添加了新的功能,就得增加新的扩展,比如之前没有安装redis扩展,可以手动编译安装相关的扩展可以找下下载的php源码包中,ext目录下是否有相关的扩展源 ...
- swift 该死的派发机制--待完成
swift 该死的派发机制 final static oc类型 多态类型 静态类型 动态函数 静态函数 nsobject: 1.缺省不再使用oc的动态派发机制: 2.可以使用nsobject暴露出来 ...
- Java中关于AbstractQueuedSynchronizer的入门(二)
AQS是一个同步器的基础类,里面的关键字段: //如下关键字段都是volatile类型 /** * Head of the wait queue, lazily initialized. Except ...
- 在阿里云Centos下LNMP环境搭建
首先,需要安装C语言的编译环境,因为Nginx是C语言编写的.通常大多数Linux都会默认安装GCC,如果没有的话,可以如下安装. 安装make: yum -y install gcc automak ...
- MySQL慢查询1- 开启慢查询
本文章摘自网络,学习之用 一.简介 开启慢查询日志,可以让MySQL记录下查询超过指定时间的语句,通过定位分析性能的瓶颈,才能更好的优化数据库系统的性能. 二.参数说明 slow_query_log ...
- ORB-SLAM2(1) Linux下配置和编译
ORB-SLAM2 官网:https://github.com/raulmur/ORB_SLAM2 配置教程:http://blog.csdn.net/zzlyw/article/details/54 ...
- 椭圆曲线签名算法的v的定义
在之前的个个与签名相关的地方我都对v的定义感到十分困惑,知道查看了黄皮书以后才对它的作用有了一定地了解,如下: (v is the recovery id: a 1 byte value specif ...
- mysql各数据类型的存储范围
文章转自 https://www.cnblogs.com/web21/p/6016120.html mysql整型bigint.int.mediumint.smallint 和 tinyint的语法介 ...
- python基础学习第三天
#变量存储在内存中的值.这就意味着在创建变量时会在内存中开辟一个空间#基于变量的数据类型,解释器会分配指定内存,并决定什么数据可以被存储在内存中#变量可以指定不同的数据类型,这些变量可以存储整数.小数 ...
- Python import用法
官方文档说明: Python code in one module gains access to the code in another module by the process of impor ...