请根据个人需要添加不同的插件及功能

​ ⛔首先声明一下，一定要分清什么是站点配置文件，什么是主题文件，站点配置文件的为Hexo根目录下的 _config.yml，主题配置文件为themes主题文件夹下的_config.yml。

一. 主题下载与安装

​ 俗话说“人靠衣装马靠鞍,三分长相七分打扮”，一个博客好不好看全看主题及后期修改。
主题安装方法有两种：

1. 第一种

​ 点击 传送门 下载 Matery 主题的最新稳定版的代码，解压缩后，将 hexo-theme-matery 的文件夹复制到你 Hexo 的 themes 文件夹中即可。

1. 第二种

​ 在你的站点目录文件夹下使用 git clone 命令来下载：直接在站点根目录下执行下面的命令，即可进行主题的下载，主题有两个版本，稳定版本和最新版本 (不定期更新优化)，自主选择版本。

1
2

git clone https://github.com/blinkfox/hexo-theme-matery themes/matery     # 稳定版
git clone -b develop https://github.com/blinkfox/hexo-theme-matery themes/matery   #最新版(不定期进行优化更新)

下载完成后打开站点的_config.yml配置文件，修改主题为:matery

1

theme: hexo-theme-matery

二.新建分类 categories 页

​ categories 页是用来展示所有分类的页面，如果在你的博客 source 目录下还没有 categories/index.md 文件，那么你就需要新建一个，命令如下：

1

hexo new page "categories"

编辑你刚刚新建的页面文件 /source/categories/index.md，至少需要以下内容：

1
2
3
4
5
6

---
title: categories
date: 2018-09-30 17:25:30
type: "categories"
layout: "categories"
---

三.新建标签 tags 页

​ tags 页是用来展示所有标签的页面，如果在你的博客 source 目录下还没有 tags/index.md 文件，那么你就需要新建一个，命令如下：

1

hexo new page "tags"

编辑你刚刚新建的页面文件 /source/tags/index.md，至少需要以下内容：

1
2
3
4
5
6

---
title: tags
date: 2018-09-30 18:23:38
type: "tags"
layout: "tags"
---

四.新建关于我 about 页

​ about 页是用来展示关于我和我的博客信息的页面，如果在你的博客 source 目录下还没有 about/index.md 文件，那么你就需要新建一个，命令如下：

1

hexo new page "about"

​ 编辑你刚刚新建的页面文件 /source/about/index.md，至少需要以下内容：

1
2
3
4
5
6

---
title: about
date: 2018-09-30 17:25:30
type: "about"
layout: "about"
---

五.新建留言板 contact 页（可选的）

​ contact 页是用来展示留言板信息的页面，如果在你的博客 source 目录下还没有 contact/index.md 文件，那么你就需要新建一个，命令如下：

1

hexo new page "contact"

​ 编辑你刚刚新建的页面文件 /source/contact/index.md，至少需要以下内容：

1
2
3
4
5
6

---
title: contact
date: 2018-09-30 17:25:30
type: "contact"
layout: "contact"
---

​ 注：本留言板功能依赖于第三方评论系统，请激活你的评论系统才有效果。并且在主题的 _config.yml 文件中，第 19 至 21 行的“菜单”配置，取消关于留言板的注释即可。

六.新建友情链接 friends 页（可选的）

​ friends 页是用来展示友情链接信息的页面，如果在你的博客 source 目录下还没有 friends/index.md 文件，那么你就需要新建一个，命令如下：

1

hexo new page "friends"

​ 编辑你刚刚新建的页面文件 /source/friends/index.md，至少需要以下内容：

1
2
3
4
5
6

---
title: friends
date: 2018-12-12 21:25:30
type: "friends"
layout: "friends"
---

​ 同时，在你的博客 source 目录下新建 _data 目录，在 _data 目录中新建 friends.json 文件，文件内容如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

[{
    "avatar": "http://image.luokangyuan.com/1_qq_27922023.jpg",
    "name": "码酱",
    "introduction": "我不是大佬，只是在追寻大佬的脚步",
    "url": "http://luokangyuan.com/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/4027734.jpeg",
    "name": "闪烁之狐",
    "introduction": "编程界大佬，技术牛，人还特别好，不懂的都可以请教大佬",
    "url": "https://blinkfox.github.io/",
    "title": "前去学习"
}, {
    "avatar": "http://image.luokangyuan.com/avatar.jpg",
    "name": "ja_rome",
    "introduction": "平凡的脚步也可以走出伟大的行程",
    "url": "https://me.csdn.net/jlh912008548",
    "title": "前去学习"
}]

七.新建 404 页

​ 如果在你的博客 source 目录下还没有 404.md 文件，那么你就需要新建一个

1

hexo new page 404

​ 编辑你刚刚新建的页面文件 /source/404/index.md，至少需要以下内容：

1
2
3
4
5
6
7

---
title: 404
date: 2018-09-30 17:25:30
type: "404"
layout: "404"
description: "Oops～，我崩溃了！找不到你想要的页面 :("
---

八.菜单导航配置

​ 配置基本菜单导航的名称、路径url和图标icon.

1. 菜单导航名称可以是中文也可以是英文(如：Index或主页)

2. 图标icon 可以在Font Awesome 中查找

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

menu:
  Index:
    url: /
    icon: fas fa-home
  Tags:
    url: /tags
    icon: fas fa-tags
  Categories:
    url: /categories
    icon: fas fa-bookmark
  Archives:
    url: /archives
    icon: fas fa-archive
  About:
    url: /about
    icon: fas fa-user-circle
  Friends:
    url: /friends
    icon: fas fa-address-book

九.文章 Front-matter 介绍

1.Front-matter 选项详解

Front-matter 选项中的所有内容均为非必填的。但我仍然建议至少填写 title 和 date 的值。

注意:

1. 如果 img 属性不填写的话，文章特色图会根据文章标题的 hashcode 的值取余，然后选取主题中对应的特色图片，从而达到让所有文章的特色图各有特色。
2. date 的值尽量保证每篇文章是唯一的，因为本主题中 Gitalk 和 Gitment 识别 id 是通过 date 的值来作为唯一标识的。
3. 如果要对文章设置阅读验证密码的功能，不仅要在 Front-matter 中设置采用了 SHA256 加密的 password 的值，还需要在主题的 _config.yml 中激活了配置。有些在线的 SHA256 加密的地址，可供你使用：开源中国在线工具、chahuo、站长工具。
4. 您可以在文章md文件的 front-matter 中指定 reprintPolicy 来给单个文章配置转载规则

2.最简示例

1
2
3
4

---
title: typora-vue-theme主题介绍
date: 2018-09-07 09:25:00
---

3.最全示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

---
title: typora-vue-theme主题介绍
date: 2018-09-07 09:25:00
author: 因是
img: /source/images/xxx.jpg
top: true
hide: false
cover: true
coverImg: /images/1.jpg
password: 8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92
toc: false
mathjax: false
summary: 这是你自定义的文章摘要内容，如果这个属性有值，文章卡片摘要就显示这段文字，否则程序会自动截取文章的部分内容作为摘要
categories: Markdown
tags:
  - Typora
  - Markdown
---