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

设置 alt 和 title

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

这里是 alt

设置大小

![](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"}

定义图片大小 - 固定宽度和高度 {height=”100px” width=”400px”}

定义图片大小 - 固定宽度 {width=”400px”}

定义图片大小 - 固定高度 {height=”100px”}

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"}