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页内跳转实现方法的更多相关文章

  1. MarkDown技巧:两种方式实现页内跳转

    MarkDown技巧:两种方式实现页内跳转 本人邮箱:JohnTsai.Work@gmail.com,欢迎交流讨论. 欢迎转载,转载请注明网址:http://www.cnblogs.com/JohnT ...

  2. 常用Markdown公式整理 && 页内跳转注意 && Markdown preview

    目录: 常用Markdown公式及注意事项 标题 列表 链接 区块 代码块 / 引用  粗体和斜体 文字块 图片 表格 横线 页内跳转注意事项 其他重要需注意 Markdown preview 前提: ...

  3. markdown文本内跳转

    Markdown文本内跳转 构建茅的过程中使用markdown语法,类似于markdown向外跳转链接,目的地地址写成#. 在markdown文本中写入: 目录 跳转 跳转部分按照html文本的写法 ...

  4. MarkDown 的两种页内跳转方法!!!!!

    页面内跳转就是点击某个文本,能够跳转到页面里指定的其他地方,经常用于目录中. 第一种是利用Html5 比如点击Feature, 跳转到features中 MarkDown: [Feature](#1) ...

  5. github的markdown页内锚点以及本地资源链接

    页内锚点参考 https://my.oschina.net/antsky/blog/1475173 [aaa](#2-aaabbb) 字母小写,.去掉,空格换成- 本地资源链接 [aaa](docs/ ...

  6. html 页内跳转

    第一种 <a href="#div1">to div1</a> //跳转链接<div id="div1">div1</ ...

  7. Html5 锚 <a>的页内跳转, name=abc herf=#abc

    锚点是网页制作中超级链接的一种,又叫命名锚记.命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍. 英文名:anchor 使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题 ...

  8. markdown页面内跳转

    分两步 第一步 实际语法比较简单,在需要跳转的位置添加锚点,语法如下: <span id="jump">跳转到的地方</span> 第二步 在需要点击跳转的 ...

  9. css3:target页内跳转

    :target 用于选取当前活动的目标元素 <!DOCTYPE html> <html> <head lang="en"> <meta c ...

随机推荐

  1. lamp/lnmp下添加PHP扩展

    在linux下安装好基本的PHP运行环境后有时候添加了新的功能,就得增加新的扩展,比如之前没有安装redis扩展,可以手动编译安装相关的扩展可以找下下载的php源码包中,ext目录下是否有相关的扩展源 ...

  2. swift 该死的派发机制--待完成

    swift 该死的派发机制 final static oc类型 多态类型 静态类型 动态函数  静态函数 nsobject: 1.缺省不再使用oc的动态派发机制: 2.可以使用nsobject暴露出来 ...

  3. Java中关于AbstractQueuedSynchronizer的入门(二)

    AQS是一个同步器的基础类,里面的关键字段: //如下关键字段都是volatile类型 /** * Head of the wait queue, lazily initialized. Except ...

  4. 在阿里云Centos下LNMP环境搭建

    首先,需要安装C语言的编译环境,因为Nginx是C语言编写的.通常大多数Linux都会默认安装GCC,如果没有的话,可以如下安装. 安装make: yum -y install gcc automak ...

  5. MySQL慢查询1- 开启慢查询

    本文章摘自网络,学习之用 一.简介 开启慢查询日志,可以让MySQL记录下查询超过指定时间的语句,通过定位分析性能的瓶颈,才能更好的优化数据库系统的性能. 二.参数说明 slow_query_log ...

  6. ORB-SLAM2(1) Linux下配置和编译

    ORB-SLAM2 官网:https://github.com/raulmur/ORB_SLAM2 配置教程:http://blog.csdn.net/zzlyw/article/details/54 ...

  7. 椭圆曲线签名算法的v的定义

    在之前的个个与签名相关的地方我都对v的定义感到十分困惑,知道查看了黄皮书以后才对它的作用有了一定地了解,如下: (v is the recovery id: a 1 byte value specif ...

  8. mysql各数据类型的存储范围

    文章转自 https://www.cnblogs.com/web21/p/6016120.html mysql整型bigint.int.mediumint.smallint 和 tinyint的语法介 ...

  9. python基础学习第三天

    #变量存储在内存中的值.这就意味着在创建变量时会在内存中开辟一个空间#基于变量的数据类型,解释器会分配指定内存,并决定什么数据可以被存储在内存中#变量可以指定不同的数据类型,这些变量可以存储整数.小数 ...

  10. Python import用法

    官方文档说明: Python code in one module gains access to the code in another module by the process of impor ...