使用hexo搭建博客之建立分類

這是我參與更文挑戰的第2天，活動詳情查看：更文挑戰markdown

在使用hexo搭建博客的過程當中，分類和標籤頁建立成功以後，但頁面一直是空白的問題困擾了我好久。右側的標籤欄中可以正常顯示分類和標籤，可是點擊導航欄進入到分類頁面，內容倒是空白的，控制檯也沒有報錯，我甚至懷疑分類和標籤頁面須要手動錄入才行。固然事實確定並不是如此的，必定仍是個人代碼中有問題。後來終於發現了問題，原來是文件夾和名稱映射錯誤了，致使主題找不到分類頁面的代碼，下面就給你們介紹下分類的建立方法以及我遇到的錯誤（注：我使用的主題是volantis,其餘主題也相似）。hexo

建立分類文件夾

使用 hexo new page categories 命令建立分類

執行此命令後，會在source文件夾下生成categories文件夾，裏面包含index.md文件
複製代碼

編輯categories文件夾下的index.md文件

---
      title: categories
      date: 2021-03-25 15:35:01
      type: categories
      layout: category
      comments: false
      ---
複製代碼

分類頁面的代碼很簡單，就上面幾行，值得注意的是分類文件中layout的值與當前所用的主題中layout文件夾的文件名稱必須一致，一開始我寫的是 layout: categories, 後來發現我使用的主題layout文件夾下是 category.ejs，而不是 categories.ejs，因此分類頁面一直空白，當layout的值修改成category以後，分類頁面的內容便會自動生成。app

在文章中聲明文章分類

編寫文章時須要在文章頁頭部配置項中寫入這一行代碼 categories: 分類名稱 ,即可以將文章自動歸爲某一分類之下，分類名稱能夠隨意命名post

---
       title: 文章名稱
       date: 2021-03-31 16:48:23
       tags: 標籤名稱
       categories: 分類名稱
       description: 描述
   ---
複製代碼

配置主題（theme文件夾）下的_config.yml文件

在主題文件夾中找到_config.yml文件，搜索menu字段，將分類的url設置爲 '/categories',分類就設置完成了學習

此時點擊導航欄的分類即可以跳轉到分類頁面了

標籤頁面的建立方法與分類頁大同小異，便再也不贅述。ui

剛開始寫博客，文章有不足的地方還請各位大佬多多指教，但願與你們共同窗習、共同進步。url