選擇了Hexo + Next完成個(gè)人博客建站之后，仍然會有很多不足之處。此時(shí)，萬能的搜索引擎和git社區(qū)為我們提供了琳瑯滿目的解決方案。本文將陸續(xù)記錄本站采用過的優(yōu)化措施，以供大家參考。

縮小首頁文章列表間距并增加陰影效果

在5.1.3版本中，可以直接修改next/source/css/_custom/custom.styl文件，如下：

// 主頁文章添加陰影效果
.posts-expand {
    .post {
        margin-top: 60px;
        margin-bottom: 20px;
        padding: 25px;
        -webkit-box-shadow: 0 0 5px rgba(202, 203, 203, .5);
        -moz-box-shadow: 0 0 5px rgba(202, 203, 204, .5);
    }
}

增加標(biāo)簽

步驟一

你需要在hexo根目錄的source文件夾下新建一個(gè)tags文件夾，然后在tags文件夾里面新建一個(gè)index.md文件。快捷命令為：

hexo new page "tags"

步驟二

編輯source/tags/index.md文件，內(nèi)容如下：

---
title: "tags"
type: tags
layout: "tags"
comments: false
---

title標(biāo)題不重要，自定義。comments為false，可以關(guān)閉本頁的評論功能。

步驟三

編輯主題配置文件

nav:
  home: /
  about: /about
  tags: /tags

步驟四

文章中多個(gè)標(biāo)簽的添加方式如下：

tags:
  - tag1
  - tag2

或者

tags: [tag1, tag2]

增加分類

方法同上，區(qū)別是:

• tags換成categories;
• 分類只能有一個(gè)。

文章中增加categories: xxx。

原文鏈接： 大卓の哆啦A夢