1. 程式人生 > >[轉載]MarkDown技巧:兩種方式實現頁內跳轉

[轉載]MarkDown技巧:兩種方式實現頁內跳轉

MarkDown技巧:兩種方式實現頁內跳轉


本文轉載自:https://www.cnblogs.com/JohnTsai/p/4027229.html?tdsourcetag=s_pctim_aiomsg


文章頭部在這裡

寫文章時,突然發現如果寫了一篇很長的文章,要是沒有目錄的話。閱讀起來十分不便。頁內跳轉就能很好的解決這個問題。
在這裡插入圖片描述


markdown方法

生成目錄的方法:

生成效果:

1.語法示例
1.1圖片
1.2換行
1.3強調

1.語法示例

在這裡插入圖片描述
這是第一段

這是第一段

這是第一段

這是第一段

這是第一段

1.1圖片

這是第一段第一節

這是第一段第一節

這是第一段第一節

這是第一段第一節

顯示的文字

這是第一段第一節

1.2換行

這是第一段第二節

這是第一段第二節

這是第一段第二節

這是第一段第二節

這是第一段第二節

1.3強調

這是第一段第三節

這是第一段第三節

這是第一段第三節

這是第一段第三節

這是第一段第三節


html標籤實現

定義一個錨(id):跳轉到的地方
使用markdown語法:點選跳轉
跳轉到文章頭部:文章頭部


在這裡插入圖片描述


總結:

  • 使用<span id="var_name">顯示的文字標題</span>語法加上markdown語法標記要跳轉的地方: [點選跳轉](#var_name)
  • 使用markdown語法生成目錄:
  • 跳轉開始的地方[顯示的文字](#5) 顯示的文字
    跳轉到:顯示的文字: <h1 id="5">顯示的文字</h1>

    顯示的文字