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. 基于Oracle的EntityFramework的WEBAPI2的实现(三)—— 建立APIController及设置返回类型JSON、XML等

    建立普通的ApiControler 右击项目中的controller文件夹·添加·控制器·包含操作的webapi2控制器(使用entity framework),写个名字,如果:Test.然后选择类, ...

  2. java代码----FileInputStream 和File

    总结:程序运行后,发现新建的两个文件里的东西突然i清空了.以为是程序出错了. 然后慌了,之后我再运行时,发现可以了.是电脑的问题吧 一如既往的打扰他,只因为他优秀 package com.a.b; i ...

  3. mysql命令之二:查看mysql版本的四种方法

    1:在终端下:mysql -V. 以下是代码片段: [shengting@login ~]$ mysql -V mysql Ver 14.7 Distrib 4.1.10a, for redhat-l ...

  4. javaweb地图定位demo

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...

  5. Window性能监视器

    Microsoft Web Application Stress Tool 微软的分布式网站性能压力测试工具 Window性能监视器 1.监测IIS连接数量 从“开始”菜单上选择“运行”. 在“打开” ...

  6. 连接ES的Java项目报Too many open files错误

    启动后查询open files 数量 lsof -p TOMCAT_PID | grep wc -l 结果大概是一千多,但是短短数小时后就会涨到8k以上,所以使用网上很多朋友通过执行ulimit -n ...

  7. OD 实验(十九) - 对多态和变形程序的逆向

    程序: 这个窗口显示这是一个需要去除的 Nag 窗口 点击“确定” 用 PEiD 看一下 这是一个用汇编语言写的程序 逆向: 用 OD 载入程序 Nag 窗口的标题和文本 右键 -> 查找 -& ...

  8. Python curses getch()

    window.getch([y, x]) Get a character. Note that the integer returned does not have to be in ASCII ra ...

  9. C#枚举(enum)、常量(const)和readonly

    const修饰的是(类)静态常量,,其值是在编译期间确定的readonly修饰的是动态常量. A.C#中的const和readonly的区别 C#中定义常量有两种方式,一种叫做静态常量,使用“cons ...

  10. 安装完Apache后,配置httpd.conf来使apache来加载php模块

    以apache模块的方式来安装php,在httpd.conf文件中首先使用LoadModule php5_module '.../php5apache2.dll'来动态装载Php模块,然后再用语句Ad ...