利用JS生成博文目錄及CSS客製化博客

本文實例為大家介紹了利用JS生成博文目錄及CSS定制博客的方法，分享給大家供大家參考，具體內容如下

想要生成目錄，許多都說需要JS修改權限，那個這裡就直接進入設定頁面，找到下方的聯絡信箱直接寄去就好了，工作人員回覆的還是很快的。

拿到權限之後，以下就是將編（搜尋）寫（尋）的JS程式碼放在頁腳HTML程式碼的方格內，然後點選儲存就可以了。要注意目錄的生成是幾級標題，這一點可是很重要的。 JS程式碼如下，基本上沒有變化，拷貝了原作者的寫法，可以產生二級目錄，分別為h2和h3，這點需要注意。

綜合來說，這個目錄有以下幾點的特點，這些也都可以在本文中看到（二級目錄本博文沒有使用）。

1). 可以在博文首部產生兩級目錄
2）. 每個一級目錄上方有一個回到頂部的鏈

JS代碼如下。

0)
 {
  var content = '';
  content += '';
  content += '目录';
  content += '';
  for(var i=0; i回到顶部';
   $(h2_list[i]).before(go_to_top);
   
   var h3_list = $(h2_list[i]).nextAll("h3");
   var li3_content = '';
   for(var j=0; j';
    $(h3_list[j]).before(li3_anchor);
    li3_content += '' + $(h3_list[j]).text() + '';
   }
   
   var li2_content = '';
   if(li3_content.length > 0)
    li2_content = '' + $(h2_list[i]).text() + '' + li3_content + '';
   else
    li2_content = '' + $(h2_list[i]).text() + '';
   content += li2_content;
  }
if($('#cnblogs_post_body').length != 0 )
  {
   $($('#cnblogs_post_body')[0]).prepend(content);
  }
 } 
}
GenerateContentList();
" _ue_custom_node_="true">

【相關教學推薦】

1. JavaScriptScript
2。 >3. bootstrap教學