有些效果無法在這兒體現(xiàn)搔谴，如果想看完整的效果，請(qǐng)移步個(gè)人站點(diǎn)翼抠。

原文鏈接：基于 Hexo 從零開始搭建個(gè)人博客（四）

閱讀本篇前，請(qǐng)先閱讀前幾篇文章：
基于 Hexo 從零開始搭建個(gè)人博客（一）
基于 Hexo 從零開始搭建個(gè)人博客（二）
基于 Hexo 從零開始搭建個(gè)人博客（三）

前言

1. 博客搭建過程遇到任何問題，優(yōu)先在本頁面搜索轰胁，檢查是否已經(jīng)有該配置教程。
2. 遇到問題可以優(yōu)先在文章評(píng)論區(qū)留言朝扼，注意留言時(shí)請(qǐng)?zhí)顚懻_的郵箱以確保能收到站長的回復(fù)赃阀。
3. 實(shí)在解決不了的問題可添加站長 Wechat ，添加好友時(shí)請(qǐng)備注自己的姓名+專業(yè)擎颖，如 張三 計(jì)算機(jī)科學(xué)與技術(shù)榛斯。

Front-matter

Front-matter 是 markdown 文件最上方以---分隔的區(qū)域观游，用于指定個(gè)別檔案的變數(shù)。

• Page Front-matter 用于頁面配置
• Post Front-matter 用于文章頁配置

如果標(biāo)注可選的參數(shù)肖抱，可根據(jù)自己需要添加备典，不用全部都寫在markdown里

Page Front-matter

---
title:
date:
updated:
type:
comments:
description:
keywords:
top_img:
mathjax:
katex:
aside:
aplayer:
highlight_shrink:
---

Post Front-matter

---
title:
date:
updated:
tags:
categories:
keywords:
description:
top_img:
comments:
cover:
toc:
toc_number:
toc_style_simple:
copyright:
copyright_author:
copyright_author_href:
copyright_url:
copyright_info:
mathjax:
katex:
aplayer:
highlight_shrink:
aside:
---

注意：我的博客根目錄路徑為 【G:/hexo-blog/blog-demo】瓣戚，下文所說的根目錄都是此路徑端圈，將用[BlogRoot]代替。如果不清楚根目錄路徑子库，請(qǐng)回到教程 基于 Hexo 從零開始搭建個(gè)人博客（二）舱权，查看你執(zhí)行hexo init xxx這條命令時(shí)所選擇的路徑，例如我選擇的路徑是【G:/hexo-blog】仑嗅，我的博客根目錄即為【G:/hexo-blog/xxx】宴倍。

標(biāo)簽頁

1. 前往你的Hexo博客根目錄，打開cmd命令窗口執(zhí)行hexo new page tags仓技。
2. 在【BlogRoot/source/】會(huì)生成一個(gè)含有index.md文件的tags文件夾鸵贬。
   
   image.png
3. 修改【BlogRoot/source/tags/index.md】，添加type: "tags"脖捻。

---
title: tags
date: 2022-05-29 21:42:56
type: "tags"
---

分類頁

1. 前往你的Hexo博客根目錄阔逼，打開cmd命令窗口執(zhí)行hexo new page categories。
2. 在【BlogRoot/source/】會(huì)生成一個(gè)含有index.md文件的categories文件夾地沮。
   
   image.png
3. 修改【BlogRoot/source/categories/index.md】颜价，添加type: "categories"。

---
title: categories
date: 2022-05-29 21:57:07
type: "categories"
---

友情鏈接

創(chuàng)建友情鏈接頁面

1. 前往你的Hexo博客根目錄诉濒，打開cmd命令窗口執(zhí)行hexo new page link周伦。
2. 在【BlogRoot/source/】會(huì)生成一個(gè)含有index.md文件的link文件夾。
   
   image.png
3. 修改【BlogRoot/source/link/index.md】未荒，添加type: "link"专挪。

---
title: link
date: 2022-05-29 22:03:35
type: "link"
---

友情鏈接頁面添加友鏈信息

前往Hexo博客目錄（【BlogRoot/source/_data】）創(chuàng)建一個(gè)文件link.yml（如果沒有 _data 文件夾，請(qǐng)自行創(chuàng)建）。

image.png

- class_name: 友情鏈接
  class_desc: 那些人寨腔，那些事
  link_list:
    - name: 唐志遠(yuǎn)の博客
      link: https://fe32.top/
      avatar: https://bu.dusays.com/2022/01/14/cd5ffd485f867.jpg
      descr: 古今之成大事者速侈，不惟有超世之才，亦必有堅(jiān)忍不拔之志迫卢。
- class_name: 網(wǎng)站
  class_desc: 值得推薦的網(wǎng)站
  link_list:
    - name: Twitter
      link: https://twitter.com/
      avatar: https://i.loli.net/2020/05/14/5VyHPQqR6LWF39a.png
      descr: 社交分享平臺(tái)

class_name和class_desc支持 html 格式倚搬，如不需要，也可以留空乾蛤。

如果你想設(shè)置成本站友鏈頁的效果每界，請(qǐng)參考教程：基于Butterfly的外掛標(biāo)簽引入 。

圖庫

該效果無法展現(xiàn)眨层，請(qǐng)閱讀原文。

原文鏈接：基于 Hexo 從零開始搭建個(gè)人博客（四）

子頁面

該效果無法展現(xiàn)趴樱，請(qǐng)閱讀原文。

原文鏈接：基于 Hexo 從零開始搭建個(gè)人博客（四）

404頁面

主題內(nèi)置了一個(gè)簡單的404頁面叁征，可在設(shè)置中開放。

如需本地預(yù)覽捺疼，請(qǐng)?jiān)L問 http://localhost:4000/404.html

# A simple 404 page
error_404:
  enable: true
  subtitle: "頁面沒有找到"
  background: