閱讀目錄 實現效果 添加功能的具體步驟 生成腳本 近來寫了一些比較長的博客,閱讀起來很不方便,看園子里其他園友的博客有些有目錄,就想給自己的博客增加目錄結構,增加文章可讀性; 回到頂部 實現效果 通過點擊目錄索引,跳轉 ...
閱讀目錄 實現效果 添加功能的具體步驟 生成腳本 近來寫了一些比較長的博客,閱讀起來很不方便,看園子里其他園友的博客有些有目錄,就想給自己的博客增加目錄結構,增加文章可讀性; 回到頂部 實現效果 通過點擊目錄索引,跳轉 ...
背景 最近覺得博客園網站太老舊了,不好看,並且沒有移動端,於是想轉到簡書去寫博客(主要簡書有移動端),寫出來的效果還是不滿意,於是又回到了博客園,只能自己修改下博客主題了。 於是百度了下,找到了兩篇參考博客: 主題修改參考了:一套簡約漂亮的響應式博客園主題皮膚 添加目錄參考了:讓博客園博客 ...
一、自動生成目錄 1、在博客園后台管理頁面選擇“設置” 2、生成三級目錄 2.1、操作步驟 找到頁腳HTML代碼,復制自動生成目錄的js代碼,保存即可 代碼如下: View Code 2.2、效果: 3、生成一級目錄 3.1、操作 ...
文章如果比較長的話,子標題很難找,文章結構沒法一目了然,如果有一個導航目錄靠在邊欄就好了 看了很多園子里其他的文章,js和css挺長的,怕用不好,干脆自己嘗試寫一個 一、要實現的功能 1、自動生成 不限定某幾個h標簽,最好h1-h6都可以支持 2、靠在側邊欄 我的邊欄內容比較 ...
文章如果比較長的話,子標題很難找,文章結構沒法一目了然,如果有一個導航目錄靠在邊欄就好了 看了很多園子里其他的文章,js和css挺長的,怕用不好,干脆自己嘗試寫一個 一、要實現的功能 1、自動生成 不限定某幾個h標簽,最好h1-h6都可以支持 2、靠在側邊欄 我的邊欄內容比較 ...
展示效果 注意,在這里標題二代表一級,標題三代表二級,標題四代表三級。 設置方式 首先我們需要申請開通js權限,然后將目錄js代碼復制到博客側邊欄公告(支持HTML代碼) (支持 JS 代碼)中,如下所示: 生成目錄JS代碼 ...
對於比較長的文章,有一個好的目錄索引是很有必要的,可以讓讀者比較清楚地了解文章內容和層次。然而,目前(2015.7)博客園不像csdn博客那樣,會對發布的文章自動生成目錄索引。不過,一些網友通過博客園后台提供的一些自定義功能,自己寫腳本實現了這一功能。我用的腳本主要就是參考@薰衣草的旋律 ...
博客園博客自動生成三級目錄(generate three levels content using JS in cnblogs) JS代碼(JS code) 最近參考了(http://www.cnblogs.com/wangqiguo/p/4355032.html)自動生成目錄的方法,我增加了 ...