參考了很多大賢的博客，總結嘗試后，隨筆記錄。原帖網址如下： 靜默虛空：https://www.cnblogs.com/jingmoxukong/p/7826982.html Penn000：https://www.cnblogs.com/Penn000/p/6947472.html ...

博客園自動生成目錄 前言 樣式如本博客,其中js需要申請 頁面定制 博客側邊欄 頁首代碼 頁腳代碼 ...

閱讀目錄 實現效果 添加功能的具體步驟 生成腳本 近來寫了一些比較長的博客，閱讀起來很不方便，看園子里其他園友的博客有些有目錄，就想給自己的博客增加目錄結構，增加文章可讀性； 回到頂部 實現效果 通過點擊目錄索引，跳轉 ...

看別人的博客總是花里胡哨，早已羡慕不已，花了點時間整理了下自己博客園的背景 參考原博主鏈接：https://www.cnblogs.com/Penn000/p/6947472.html，https://www.cnblogs.com/Tangent-1231/p/10393759.html ...

背景 最近覺得博客園網站太老舊了，不好看，並且沒有移動端，於是想轉到簡書去寫博客（主要簡書有移動端），寫出來的效果還是不滿意，於是又回到了博客園，只能自己修改下博客主題了。 於是百度了下，找到了兩篇參考博客： 主題修改參考了：一套簡約漂亮的響應式博客園主題皮膚 添加目錄參考了：讓博客園博客 ...

文章如果比較長的話，子標題很難找，文章結構沒法一目了然，如果有一個導航目錄靠在邊欄就好了 看了很多園子里其他的文章，js和css挺長的，怕用不好，干脆自己嘗試寫一個 一、要實現的功能 1、自動生成 不限定某幾個h標簽，最好h1-h6都可以支持 2、靠在側邊欄 我的邊欄內容比較 ...

文章如果比較長的話，子標題很難找，文章結構沒法一目了然，如果有一個導航目錄靠在邊欄就好了 看了很多園子里其他的文章，js和css挺長的，怕用不好，干脆自己嘗試寫一個 一、要實現的功能 1、自動生成 不限定某幾個h標簽，最好h1-h6都可以支持 2、靠在側邊欄 我的邊欄內容比較 ...

展示效果 注意，在這里標題二代表一級，標題三代表二級，標題四代表三級。 設置方式 首先我們需要申請開通js權限，然后將目錄js代碼復制到博客側邊欄公告（支持HTML代碼） （支持 JS 代碼）中，如下所示： 生成目錄JS代碼 ...