MarkDown实现页内跳转

Posted 2022-06-17 Deen12520

前言

在markdown中使用目录，如果能实现页内跳转，那就太棒了。查阅了资料，找到了两种方法，记录如下。

Hello World

实现方法

1、MarkDown 实现
直接上手。

step 1: 生成目录

$* [1. 单反入门](#1)$
$* [1.1 对焦](#1.1)$
$* [1.2 曝光](#1.2)$
$* [1.3 光圈](#1.3)$

效果：

• 1. 单反入门
  
  • 1.1 对焦
  • 1.2 曝光
  • 1.3 光圈

step 2 跳转到对于章节
只要将章节标题的$id$加上去就可以了。
如下:

<h2  id='1'>1. 单反入门</h2>


熟练掌握摄影三要素：对焦、曝光、光圈。


<h2 id='1.1'>1.1 对焦</h2>


对焦决定你的相片的清晰度。


<h2 id='1.2'>1.2 曝光</h2>


不同的曝光会让照片呈现不一样的效果。


<h2 id='1.3'>1.3 光圈</h2>


大光圈能虚化背景，给人一种层次感。

效果：

1. 单反入门

熟练掌握摄影三要素：对焦、曝光、光圈。

1.1 对焦

对焦决定你的相片的清晰度。

1.2 曝光

不同的曝光会让照片呈现不一样的效果。

1.3 光圈

大光圈能虚化背景，给人一种层次感。

---

2、加入html 标签

1. 先定义一个锚(id)

    <span id="jump">Hello World</span>
   

2. 然后使用markdown的语法:

       [跳到Hello World](#jump)
   

效果：

<span id="jump">Hello World</span>

这一句放到开头

这是第一段

这是第一段

这是第一段

这是第一段

这是第一段

跳到Hello World

---

看不如做，赶紧去试试吧！