markdown 语法

引用

可嵌套，内容可多段

1
>内容

效果：

内容

图片

1
![image](图片url，可本地可在线)

链接

1
[链接文字](链接url)

表格

1
2
3
|表头1|表头1|
|----|----|
|内容1|内容2|

效果：

表头1 表头1
内容1 内容2

分割线

单独一行上使用三个或多个星号 (*)、破折号 (—-) 或下划线 (_) ，并且不能包含其他内容

1
2
3
4
5
内容1

---

内容2

效果：

内容1

内容2

外挂标签

参见 hexo-theme-butterfly外挂标签

文字标签

color 可选：default/blue/pink/red/purple/orange/green

1
{% label text color %}

示例：

1
臣亮言：{% label 先帝 %}创业未半，而{% label 中道崩殂 blue %}。今天下三分，{% label 益州疲敝 pink %}，此诚{% label 危急存亡之秋 red %}也！然侍衞之臣，不懈于内；{% label 忠志之士 purple %}，忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜{% label 开张圣听 orange %}，以光先帝遗德，恢弘志士之气；不宜{% label 妄自菲薄 green %}，引喻失义，以塞忠谏之路也。

效果：

臣亮言：先帝 创业未半，而中道崩殂 。今天下三分，益州疲敝 ，此诚危急存亡之秋 也！然侍衞之臣，不懈于内；忠志之士 ，忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听 ，以光先帝遗德，恢弘志士之气；不宜妄自菲薄 ，引喻失义，以塞忠谏之路也。

行内图片

1
2
3
4
{% inlineImg [src] [height] %}

[src]      :    图片链接
[height]   ：   图片高度限制【可选】

tab页签

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

示例：

1
2
3
4
5
6
7
8
9
{% tabs test1 %}
<!-- tab -->
**This is Tab 1.**
<!-- endtab -->

<!-- tab -->
**This is Tab 2.**
<!-- endtab -->
{% endtabs %}

效果：

This is Tab 1.

This is Tab 2.

系列文章

和隐藏模块结合，示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
---
title: Vite4+Typescript+Vue3+Pinia 从零搭建(1) - 项目初始化
cover: /img/cover/20231128_171922.png
tags:
  - vite
  - vue3
  - typescript
  - vscode
categories: 技术
abbrlink: 5bc77c26
date: 2023-11-09 17:03:24
series: vue3ViteTs
---

{% hideToggle 合集 - Vite4+Typescript+Vue3+Pinia 从零搭建 %}

{% series %}

{% endhideToggle %}

效果：
images