前言
因為JSimple主題沒有自帶目錄，所以需要自己動手給hexo博客文章添加目錄功能。
第一步 查閱hexo文檔
在Hexo官網 文檔>自定義>輔助函數>最下面，可以找到toc這個函數，看其介紹能知道它就是來實現文章目錄的。
第二步 決定目錄位置
根據博客瀏覽文章的頁面，決定將目錄放在右上角空白處。
第三步 編寫主題模板
首先，找到文章模板頁面，博主這裡是在\themes\jsimple\layout_widget\common-article.ejs這個文件中，插入需要的代碼。（因為toc需要post變量，所以我們把post傳入）
這裡博主採用的是局部模板和局部變量，把目錄當成一塊獨立的組件分離了出去。（你也可以不用分離，直接在當前文件中寫詳細的代碼）
既然用到了局部模板，我們就要新建一個toc.ejs的模板，其中插入的代碼如下：
其中，list_number: false表示目錄不顯示編號。
出來html標籤，我們還需要css樣式來佈局目錄的位置大小等。
css如下：
將css引入頁面即可。
效果預覽
分享到:
閱讀更多 看到他請叫他快去學習 的文章
