為博客園添加目錄的配置總結


   最近在博客園上看到了用html/javascript實現添加目錄的方法(http://www.cnblogs.com/xdp-gacl/p/3718879.html#2937655),想按照作者的方法進行一下配置,發現不行。經過一番學習,現在總算是配置好了,在我的chrome 34下可以看到目錄(如下圖所示)。我把我配置過程中做的修改按順序記錄在這里,供大家參考。

一、申請js權限

   根據管理頁面的說明,如果是通過js修改公告欄的話,需要向博客園申請。沒有申請成功之前,會看到如下這么一條提示,申請成功后該提示自動消失。郵件正文簡單說一下博客的地址和請求開通就行。

二、對javascript代碼增加標識

   原博客正文中給出的代碼,最開始少了<script type="text/javascript">,結尾少了</script>。直接把原博客正文代碼復制到博客園設置界面中的話,代碼原文直接出現博客中。

三、修改新增目錄的class和id名

   原博客的目錄的class和id都是sideBar,這個命名恰好和我用的模板中的命名沖突,導致修改結果出現問題。於是我把js和css中和sideBar相關的三個地方重命名為uprightsideBar。

四、css中增加二級標題縮進

   完成了1,2,3之后,我發現我的博客二級標題沒有縮進,於是在css代碼中增加了對dd的設置代碼

#sideBarContents dd{
margin-left:20px;
}

五、參考材料

[1]http://www.cnblogs.com/xdp-gacl/p/3718879.html#2937655

[2]http://www.cnblogs.com/houkai/p/3394402.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM