# Fornt Matter

---
title: Hexo & Markdown 语法 # 标题
tags: [Markdown, 教程]# 标签
date: 2024-12-11 09:55:00 # 时间
cover: images/Journey.jpg # 封面
photos: # gallery 相册
  # 若未设置 cover,则使用第一张图片作为封面
  - images/Nichijou.jpg
  - images/高松灯.jpg
  - images/Kirby.jpg
  - https://wallhalla.com/wallpaper/83/variant/preview/2xl
sticky: true # 置顶
# 关闭文章页的图片展示功能,在 gallery post 中设置为 false 才能正常显示
# 但是会影响图片的 title 显示
fancybox: false
---

# Picture

  1. 设置 alt 和 title
![这里是 alt](https://gitee.com/Delusional_man/image/raw/master/img/img31.webp "这里是 title")

这里是 alt

  1. 设置大小
![](https://gitee.com/Delusional_man/image/raw/master/img/img31.webp "定义图片大小 - 固定宽度和高度"){height="100px" width="400px"}
![](https://gitee.com/Delusional_man/image/raw/master/img/img31.webp "定义图片大小 - 固定宽度"){width="400px"}
![](https://gitee.com/Delusional_man/image/raw/master/img/img31.webp "定义图片大小 - 固定高度"){height="100px"}

  1. gellery 相册
    除了在 Front Matter 中设置,也可以通过以下方式实现

    需要在 Front Matter 中设置 fancybox: false ,保证图片正常显示

## 图案列表 No.1
![](https://gitee.com/Delusional_man/image/raw/master/img/img1.webp "这里是 title")
![](https://gitee.com/Delusional_man/image/raw/master/img/img2.webp)
![](https://gitee.com/Delusional_man/image/raw/master/img/img3.webp)
![](https://gitee.com/Delusional_man/image/raw/master/img/img4.webp)
{.gallery}
## 图案列表 No.2
![](https://gitee.com/Delusional_man/image/raw/master/img/img5.webp)
![](https://gitee.com/Delusional_man/image/raw/master/img/img6.webp)
![](https://gitee.com/Delusional_man/image/raw/master/img/img7.webp)
![](https://gitee.com/Delusional_man/image/raw/master/img/img8.webp)
{.gallery data-height="120"}

# 图案列表 No.1

# 图案列表 No.2

以上配置均来源于: https://shoka.lostyu.me/computer-science/note/theme-shoka-doc/display/