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. bzoj1040(ZJOI2008)骑士——基环树

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=1040 基环树的模板. 套路就是把环断开,先把一端作为根节点,强制不选:再把另一端作为根节点, ...

  2. mysql的partition分区

    前言:当一个表里面存储的数据特别多的时候,比如单个.myd数据都已经达到10G了的话,必然导致读取的效率很低,这个时候我们可以采用把数据分到几张表里面来解决问题.方式一:通过业务逻辑根据数据的大小通过 ...

  3. Bash命令查找本机公网IP

    用Bash命令查找本机公网IP wget -qO - http://ipecho.net/plain; echo

  4. redisTemplate 方法

    ClassPathXmlApplicationContext appCtx = new ClassPathXmlApplicationContext("spring-redis.xml&qu ...

  5. Eclipse环境配置

    7.打开Eclipse的偏好设置,我们需要对Eclipse做一下配置: 8.从左侧栏选择java下面的Installed JREs,然后点击Add按钮,我们要为Eclipse配置JDK: 9.选择“S ...

  6. 网络网关TCP/IP

    vmware中的4种网络连接模式 2008-11-13 11:11:21 分类: 系统运维 很多朋友都用vmware来测试不同的系统,我结合自己的经验谈一下对网络设置的理解,不对的地方请指正. bri ...

  7. 简单的PL/SQl链接远程ORACLE数据库方法

    简单的PL/SQl链接远程ORACLE数据库方法 PLSQL Developer新手使用教程 pasting

  8. mysql 实现row_number,获取上一条,下一条

    代码思路如下: select *,(@row_num:=@row_num+1) as row_no  from stc_output,(select(@row_num:=0)) b; select * ...

  9. 十八 线程暂停 suspend/ resume

    1  Suspend.resume 的缺点1 :独占!  线程执行到同步块中,如果线程暂停了,不会释放锁. 比如,比如System.out.println()方法就是一个同步方法, 如果线程调用Sys ...

  10. 千万别在UI线程上调用Control.Invoke和Control.BeginInvoke,因为这些是依然阻塞UI线程的,造成界面的假死

    原文地址:https://www.cnblogs.com/wangchuang/archive/2013/02/20/2918858.html .c# Invoke和BeginInvoke 区别 Co ...