Markdown语法

代码区块

1
2
3
4
hexo cl
hexo g
hexo d
hexo s
1
2
3
4
5
6
"```Shell
hexo cl
hexo g
hexo d
hexo s
```"

多级标题

效果见标题

H1

H2

H3

H4

H5
H6
1
2
3
4
5
6
# H1
## H2
### H3
#### H4
##### H5
###### H6

文字样式

文字加粗示例
文字斜体示例
文字高亮示例
文字删除示例

1
2
3
4
文字**加粗**示例
文字*斜体*示例
文字`高亮`示例
文字~~删除~~示例

5号字
楷体
红色

背景色：Lavender
1
2
3
4
<font size = 5>5号字</font>
<font face="楷体">楷体</font>
<font color=red>红色</font>
<table><tr><td bgcolor=Lavender>背景色：Lavender</td></tr></table>

分割线

1
---

引用

引用
你好，世界

一级引用

二级引用

三级引用

1
2
3
4
5
6
> 引用
> 你好，世界

> 一级引用
> > 二级引用
> > > 三级引用

列表

无序列表

  • 甲
  • 乙
  • 丙
1
2
3
4
5
6
7
8
9
10
11
* 甲
* 乙
* 丙
或者
+ 甲
+ 乙
+ 丙
或者
- 甲
- 乙
- 丙

有序列表

  1. 甲
  2. 乙
  3. 丙
1
2
3
1. 甲
2. 乙
3. 丙

图片

本地
image
在线
image

1
2
3
4
本地
![image](../custom/2pw9ekc2ul3a1.jpg)
在线
![image](https://s2.loli.net/2024/07/12/q6zehd5bkgsUNr3.png)

表格

一 二 三
斜体 高亮 粗体
一 二 三
四 五 六
七 八 九 
1
2
3
4
5
6
| 一 | 二 | 三 |
| - | - | - |
| *斜体* | `高亮` | *粗体* |
| 一 | 二 | 三 |
| 四 | 五 | 六 |
| 七 | 八 | 九 |

公式

$$
\int_a^b{f(x)}dx=F(b)-F(a)
$$

1
2
3
$
\int_a^b{f(x)}dx=F(b)-F(a)
$

Butterfly标签

分栏

分栏内容

可以图标

参数如下：

  1. name
  2. index
  3. caption
  4. icon
1
2
3
4
5
{% tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab -->
{% endtabs %}

折叠

标题

内容

参数： 1. 颜色：blue，red，yellow，green 2. 状态：open 3. 嵌套
1
2
3
{% folding 参数, 标题 %}
内容
{% endfolding %}

文本样式（text）

  1. 带 下划线 的文本
  2. 带 着重号 的文本
  3. 带 波浪线 的文本
  4. 带 删除线 的文本
  5. 键盘样式的文本 CTRL + C
  6. 密码样式的文本：输入密码
1
2
3
4
5
6
1. 带 {% u 下划线 %} 的文本
2. 带 {% emp 着重号 %} 的文本
3. 带 {% wavy 波浪线 %} 的文本
4. 带 {% del 删除线 %} 的文本
5. 键盘样式的文本 {% kbd CTRL %} + {% kbd C %}
6. 密码样式的文本：{% psw 输入密码 %}

文本参数（span）

彩色文字，例如：红色、黄色、绿色、青色、蓝色、灰色。
其他参数，例如：

浮生若梦，梦若浮生

1
2
3
4
彩色文字，例如：{% span red, 红色 %}、{% span yellow, 黄色 %}、{% span green, 绿色 %}、{% span cyan, 青色 %}、{% span blue, 蓝色 %}、{% span gray, 灰色 %}。
其他参数，例如：
{% span center logo large, 独孤若梦 %}
{% span center small, 浮生若梦，梦若浮生 %}

段落文本（p）

彩色文字，例如：

红色

黄色

绿色

青色

蓝色

灰色


其他参数，例如：

浮生若梦，梦若浮生

1
2
3
4
彩色文字，例如：{% p red, 红色 %}{% p yellow, 黄色 %}{% p green, 绿色 %}{% p cyan, 青色 %}{% p blue, 蓝色 %}{% p gray, 灰色 %}
其他参数，例如：
{% p center logo large, 独孤若梦 %}
{% p center small, 浮生若梦，梦若浮生 %}

引用图标

自带icon

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

默认 提示块标签

default 提示块标签

primary 提示块标签

success 提示块标签

info 提示块标签

warning 提示块标签

danger 提示块标签

1
2
3
4
5
6
7
8
# 自带icon
{% note [class] [no-icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
# 外部icon
{% note [color] [icon] [style] %}
Any content (support inline tags too.io).
{% endnote %}
1
2
3
4
5
6
7
8
9
10
11
12
note:
  # Note tag style values:
  #  - simple    bs-callout old alert style. Default.
  #  - modern    bs-callout new (v2-v3) alert style.
  #  - flat      flat callout style with background, like on Mozilla or StackOverflow.
  #  - disabled  disable all CSS styles import of note tag.
  style: simple
  icons: false
  border_radius: 3
  # Offset lighter of background in % for modern and flat styles (modern: -12 | 12; flat: -18 | 6).
  # Offset also applied to label tag variables. This option can work with disabled note tag.
  light_bg_offset: 0

上标标签

default

info

success

error

warning

bolt

ban

home

sync

cogs

key

bell

自定义图标

1
2
3
4
5
6
7
8
9
10
11
12
13
{% tip %}default{% endtip %}
{% tip info %}info{% endtip %}
{% tip success %}success{% endtip %}
{% tip error %}error{% endtip %}
{% tip warning %}warning{% endtip %}
{% tip bolt %}bolt{% endtip %}
{% tip ban %}ban{% endtip %}
{% tip home %}home{% endtip %}
{% tip sync %}sync{% endtip %}
{% tip cogs %}cogs{% endtip %}
{% tip key %}key{% endtip %}
{% tip bell %}bell{% endtip %}
{% tip fa-atom %}自定义图标{% endtip %}

动态标签

warning

ban

warning

ban

1
2
3
4
{% tip warning faa-horizontal animated %}warning{% endtip %}
{% tip ban faa-flash animated %}ban{% endtip %}
{% tip warning faa-horizontal animated-hover %}warning{% endtip %}
{% tip ban faa-flash animated-hover %}ban{% endtip %}

单选列表

文本内容

支持语法

自定颜色

绿色

黄色

青色

蓝色

1
2
3
4
5
6
7
{% radio 文本内容 %}
{% radio checked, 支持语法 %}
{% radio red, 自定颜色 %}
{% radio green, 绿色 %}
{% radio yellow, 黄色 %}
{% radio cyan, 青色 %}
{% radio blue, 蓝色 %}

复选列表

文本内容

支持语法

自定颜色

绿色

黄色

青色

蓝色

增加

减少

叉号

1
2
3
4
5
6
7
8
9
10
{% checkbox 文本内容 %}
{% checkbox checked, 支持语法 %}
{% checkbox red, 自定颜色 %}
{% checkbox green checked, 绿色 %}
{% checkbox yellow checked, 黄色 %}
{% checkbox cyan checked, 青色 %}
{% checkbox blue checked, 蓝色 %}
{% checkbox plus green checked, 增加 %}
{% checkbox minus yellow checked, 减少 %}
{% checkbox times red checked, 叉号 %}

链接卡片

警告：链接卡片有样式冲突！

https://www.fayyer.com

1
2
{% link 标题, 链接, (图片) %}
{% link 独孤若梦, https://www.fayyer.com, https://i.imgur.com/oy8imPI.png %}

友链卡片

独孤若梦浮生若梦，梦若浮生。
1
2
{% site 标题, url=链接, screenshot=截图, avatar=(头像), description=(描述) %}
{% site 独孤若梦, url=https://www.fayyer.com, screenshot=https://i.imgur.com/GXiSLj2.jpg, avatar=https://i.imgur.com/oy8imPI.png, description=浮生若梦，梦若浮生。 %}

矩阵按钮

独 孤 若 梦 
1
2
3
4
5
6
{% btns circle grid4 %}
{% cell 独, https://www.fayyer.com, https://i.imgur.com/oy8imPI.png %}
{% cell 孤, https://www.fayyer.com, https://i.imgur.com/oy8imPI.png %}
{% cell 若, https://www.fayyer.com, https://i.imgur.com/oy8imPI.png %}
{% cell 梦, https://www.fayyer.com, https://i.imgur.com/oy8imPI.png %}
{% endbtns %}

时间轴

更新日志

2023/01/01 0.0 -> 1.0

成功安装

2023/03/01 1.0 -> 2.0

升级内容

1
2
3
4
5
6
7
8
{% timeline 更新日志 %}
<!-- timeline 2023/01/01 [0.0 -> 1.0](https://www.fayyer.com) -->
成功安装
<!-- endtimeline -->
<!-- timeline 2023/03/01 [1.0 -> 2.0](https://www.fayyer.com) -->
升级内容
<!-- endtimeline -->
{% endtimeline %}

图片

行内图片:
独孤若梦梦若浮生

单张图片:

浮生若梦，梦若浮生。
浮生若梦，梦若浮生。

多张图片:

[{"url":"https://i.imgur.com/6xacFK8.png","alt":""},{"url":"https://i.imgur.com/AXeQSUm.png","alt":""},{"url":"https://i.imgur.com/TuUz4ut.png","alt":""},{"url":"https://i.imgur.com/ry3kd9f.png","alt":""}]

行内图片:

1
2
{% inlineimage 图片, height=(高度) %}
独孤若梦{% inlineimage https://i.imgur.com/oy8imPI.png, height=40px %}梦若浮生

单张图片:

1
2
{% image 链接, width=(宽度), height=(高度), alt=(描述), bg=(背景) %}
{% image https://i.imgur.com/GXiSLj2.jpg, alt=浮生若梦，梦若浮生。 %}

多张图片:

1
2
3
4
5
6
7
{% gallery %}
![caption](image link)
![](https://i.imgur.com/6xacFK8.png)
![](https://i.imgur.com/AXeQSUm.png)
![](https://i.imgur.com/TuUz4ut.png)
![](https://i.imgur.com/ry3kd9f.png)
{% endgallery %}

相册

Group Image Gallery
网页

独孤若梦

Group Image Gallery
表情

盒娘表情

1
2
3
<div class="gallery-group-main">
{% galleryGroup name description link img-url %}
</div>

诗词

沁园春·雪
毛泽东

北国风光，千里冰封，万里雪飘。
望长城内外，惟余莽莽；大河上下，顿失滔滔。
山舞银蛇，原驰蜡象，欲与天公试比高。
须晴日，看红装素裹，分外妖娆。
江山如此多娇，引无数英雄竞折腰。
惜秦皇汉武，略输文采；唐宗宋祖，稍逊风骚。
一代天骄，成吉思汗，只识弯弓射大雕。
俱往矣，数风流人物，还看今朝。

1
2
3
{% poem title, author %}

{% endpoem %}

进度条

预览

预览

预览

预览

预览

预览

1
2
3
4
5
6
7
{% progress [width] [color] [text] %}
{% progress 10 red 预览 %}
{% progress 30 yellow 预览 %}
{% progress 50 green 预览 %}
{% progress 70 cyan 预览 %}
{% progress 90 blue 预览 %}
{% progress 100 white 预览 %}

注释

显示文本

1
2
{% nota [label] , [text] %}
{% nota 显示文本 ,注释文本 %}

气泡

关于这个事，懂得都懂我简单说两句，你明白就行，总而言之言而总之这个事呢，现在就是这个情况，具体的呢，不要问我大家也都看得到，也得出来说那么几句，可能你听的不是很明白，但是意思就是那么个意思，不知道的你也不用去猜，这种事情见得多了，我只想说懂得都懂，不懂的我也不多解释，毕竟自己知道就好，细细品吧，水很深，利益牵扯太大，说了对你我都没好处，当不知道就行了，所以我只能说懂得都懂。

1
2
3
{% bubble, [content] , [notation] ,[background-color] %}

关于这个事，{% bubble ,懂得都懂，,#a26583 %}我简单说两句，你明白就行，总而言之{% bubble ,言而总之，,#b8d989 %}这个事呢，现在就是这个情况，具体的呢，{% bubble ,不要问我，,#d7d2bf %}大家也都看得到，也得出来说那么几句，可能你听的不是很明白，但是意思就是那么个意思，不知道的你也不用去猜，这种事情见得多了，我只想说懂得都懂，不懂的我也不多解释，毕竟自己知道就好，细细品吧，{% bubble ,水很深,#fabda6 %}，利益牵扯太大，说了对你我都没好处，当不知道就行了，所以我只能说懂得都懂。

隐藏

不会吧，不会吧，不会真有人认为这里有色图吧？

1
2
3
4
5
6
{% hideBlock display,bg,color %}

{% endhideBlock %}
{% hideBlock 隐藏福利, yellow,red %}
不会吧，不会吧，不会真有人认为这里有色图吧？
{% endhideBlock %}