Markdown实现页内跳转的两种方法

    科技2026-01-26  8

    文章目录

    目录跳转锚点跳转

    目录跳转

    在文章开头写上@[TOC](这里写目录标题),然后在正文中使用标题。 #表示一级标题,##表示二级标题,正文完成之后,会自动生成目录。 不想理解的可以直接复制过去,就能看到效果。

    @[TOC](这里写目录标题) # 一级目录 ## 二级目录 ### 三级目录 # 一级目录 ## 二级目录 # 一级目录

    锚点跳转

    首先,需要定义一个锚点:

    (蓝色表示一直显示的内容,红色表示发布后不显示的部分)

    [锚点](# 0)

    #和0之间没有空格

    下面示例:

    锚点一(点击跳转)

    跳转位置

    这是一个html语言,div是文字的标签,能确定文字的形式(字体、大小、颜色等),还有a、h2、span等等标签名可用。而后面这个id="1"​中1的值用于跟锚点的(#1)相关联以实现跳转。如此便实现了markdown语言的页内跳转。 在使用跳转的过程中,span是标题标签,当你使用标题标签给标题加上锚点,跳转的位置就会跳到目录位置,为了解决这个问题,小编暂时只能想到给文章标题的上下空白处添加一个空白跳转([](#0))。

    复制下面代码自己可以尝试体验

    [锚点一](#1) <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <div id="1" >跳转位置</div>

    <br />是强制换行,Markdown中会自动合并一行以上的空行。

    Processed: 0.017, SQL: 9