Hexo文章相關設定

1. 前言
2. 關鍵字的重要性
3. 圖片資產

前言

將我的個人網站push到GitHub上之後，我試著學了Markdown語法，然後也很順利的透過谷哥找到了一款好用的Markdown編輯器─MarkdownPad 2。就在我寫前一篇文章寫到一半的時候，突然想到其他使用Hexo的blogger，他們文章前面好像都會有類似文章目錄的區塊，於是乎我就找了一下有沒有相關的套件可以使用。

關鍵字的重要性

我只能說，我當初的搜尋條件絕對是下錯了，不然就是沒有仔細看…我那時以為沒有這種功能的套件，於是乎就興沖沖的自己寫了一個以html格式為基準的目錄功能。因為懶得再寫js來自動爬header，因此我寫的東西在每個header上都要手動加上id…

結果昨天我心血來潮，又重新查了一下官方文件，最後在官方網站的輔助函數中找到了我要的功能：

toc，解析內容中的標題標籤 (h1~h6) 並插入目錄。

<%- toc(str, [options]) %>

好吧，原來Hexo3早就有提供這個功能，那我前天是在忙些什麼啊(翻桌)！

既然知道了官方有提供這個功能，於是就可以修改在themes\landscape\layout_partial\目錄下的article.ejs檔案，在你要的地方加上toc這個輔助函數，
然後Hexo就會自動在上方產生你的文章目錄：

article.ejs

<div class="article-entry" itemprop="articleBody">
     <div class="post-toc-outer">
       <div class="post-toc">
         <%- toc(post.content, {list_number: false}) %>
       </div>
     </div>
     ...
</div>

圖片資產

如果要寫出一篇生動有趣的文章，裡面的圖片絕對是不可或缺的要件之一。參考官網上有關資產資料夾的設定後，很快地就能將圖片加入你的文章當中。

首先，你要修改部落格的_config.yml檔案，修改或加入這一行”post_asset_folder: true”，如此一來以後每當你新增一個文章，Hexo就會自動幫你產生那則文章的資料夾，你只要把你要的圖片丟到那個資料夾底下，接著在文章中呼叫：

{ % asset_img 你的圖片.格式 圖片說明 %}

接著你就可以看到美美的圖片出現在自己的文章當中了！

To be continued..