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

Markdown 生成目录代码如下:

  1. * [第一节](#第一节)
  2. * [1.1](#1.1)
  3. * [1.2](#1.2)
  4. * [第二节](#第二节)
  5. * [2.1](#2.1)
  6. * [2.2](#2.2)

效果如下

再后面写文章的章节时,把章节标题的id对应上去,代码如下:

  1. <h2 id="第一节">第一节</h2>
  2. 第一节 添加文章页内导航
  3. 第一节 添加文章页内导航
  4. 第一节 添加文章页内导航
  5. <h3 id="1.1">1.1</h3>
  6. 1.1
  7. 1.1
  8. <h3 id="1.2">1.2</h3>
  9. 1.2
  10. 1.2
  11. 1.2
  12. <h2 id="第二节">第二节</h2>
  13. 第二节 添加文章页内导航
  14. 第二节 添加文章页内导航
  15. 第二节 添加文章页内导航
  16. <h3 id="2.1">2.1</h3>
  17. 1.1
  18. 1.1
  19. <h3 id="2.2">2.2</h3>
  20. 2.2
  21. 2.2
  22. 2.2

效果如下:

第一节

第一节 添加文章页内导航

第一节 添加文章页内导航

第一节 添加文章页内导航

1.1

1.1

1.1

1.2

1.2

1.2

1.2

第二节

第二节 添加文章页内导航

第二节 添加文章页内导航

第二节 添加文章页内导航

2.1

1.1

1.1

2.2

2.2

2.2

2.2

Markdown让这一切变得十分简单,这样一来就可以有条理的组织技术性文章的结构,也方便读者查看。

用 Markdown 写作(一)——添加文章页内导航的更多相关文章

  1. Windows Store App JavaScript 开发:页内导航

    页内导航是在一个页面内根据需要加载其他页面的内容,在开发基于JavaScript的Windows应用商店应用时,可以使用WinJS.Navigation.navigate函数传递要加载的页面地址并使用 ...

  2. Win10系列:JavaScript页内导航

    页内导航是在一个页面内根据需要加载其他页面的内容,在开发基于JavaScript的Windows应用商店应用时,可以使用WinJS.Navigation.navigate函数传递要加载的页面地址并使用 ...

  3. Markdown页内跳转实现方法

    目录 Markdown页内跳转实现方法 HTML锚点跳转 生成目录 Markdown页内跳转实现方法 [时间:2017-02] [状态:Open] [关键词:markdown,标记语言,页内跳转,ht ...

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

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

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

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

  6. wordpress文章页两侧添加分页导航箭头

    分页导航 如果添加在文章页的两侧,很方便读者翻阅,小编发现好多站长的博客都添加了这一功能,百度了一下,就是JS和css的功能,经过测试成功,分享一下流程. 1.添加Js 在headr.php或者foo ...

  7. ShopEx文章页添加上一篇下一篇功能

    在全部的文章页中,会常常发现都会有这么一个功能.能引导用户去查看上一篇文章或下一篇文章,而在ShopEx中,我DEZEND了一下文章模型.并没有找到上一篇这种函数功能,因此,这就须要我们手动在相应的文 ...

  8. markdown实现页内目录跳转

    1.实现页内目录跳转 语法: 页面首部添加目录:[目录](#jump_id) 页面内部锚点:<span id='jump_id'>标题</span>

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

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

随机推荐

  1. Zookeeper的shell操作

    一.客户端连接服务器 zkCli.sh start 二.命令操作 进入到客户端操作行,键入help 查看zookeeper命令列表 常用命令 1) 查看节点列表:ls 路径 2) 创建节点:creat ...

  2. 【转】redis GEO地理位置

    redis目前已经到了3.2版本,3.2版本里面新增的一个功能就是对GEO(地理位置)的支持. 地理位置大概提供了6个命令,分别为: GEOADD GEODIST GEOHASH GEOPOS GEO ...

  3. 关于FPGA电源精度要求

    FPGA对DC-DC精度的要求不断提升 FPGA厂商不断采用更先进的工艺来降低器件功耗,提高性能,同时FPGA对供电电源的精度要求也越加苛刻,电压必须维持在非常严格的容限内,如果供电电压范围超出了规范 ...

  4. 关于最大传输单元(MTU)的整理

    MTU设置不当,可能会导致许多网络问题,如某些网络应用无法使用,某些网站无法访问等.下面是在网上搜索整理的关于MTU设置的东西,某些可能未作验证,仅供参考. 1. 如何确定网络MTU 某些ISP接入的 ...

  5. 使用SpringData出现java.lang.AbstractMethodError

    最近学习一下SpringData,在添加SpringData支持的时候,出现了这样的问题: SpringData需要的jar有:spring-data-jpa.jar  spring-data-com ...

  6. AtomicHashMap

    folly/AtomicHashmap.h folly/AtomicHashmap.h introduces a synchronized UnorderedAssociativeContainer ...

  7. [linux] ping服务器脚本

    #!/bin/bash IP=1.2.3.4 while true; do echo "**********************************************" ...

  8. OD 实验(九) - 对一个程序的破解

    程序: 运行程序 点击 About 这是要注册的 点击 Register 输入邮箱和注册码,点击 Register Now 逆向: 用 OD 打开程序 右键 -> 查找 -> 所有参考文本 ...

  9. 数据库设计不推荐使用Bool类型

    参见博文:http://blog.csdn.net/zhang_xinxiu/article/details/8521673

  10. hibernate操作数据库时报错解决方式

    java.sql.SQLException: Parameter index out of range (28 > number of parameters, which is 27). 这个说 ...