Asuna

Markdown 语法与外置标签写法汇总

2023年3月11日Markdown代码块Hexo技术文档

Markdown 语法自带格式

注意:此页面偶尔会存在 CSS 冲突问题!

代码块

\```sh
# VSCode终端
hexo clean; hexo s
hexo clean; hexo g; hexo d
git add .; git commit -m "npm publish"; npm version patch;
git push

# Cmder终端
hexo clean && hexo s
hexo clean && hexo g && hexo d
git add . && git commit -m "npm publish" && npm version patch
git push
\```

多级标题

# H1
## H2
### H3
#### H4
##### H5
###### H6

文字样式

<u>下划线演示</u>

文字**加粗**演示

文字*斜体*演示

文本`高亮`演示

文本~~删除~~线演示

引用

>  Java
> 二级引用演示
> MySQL
> >外键
> >
> >事务
> >
> >**行级锁**(引用内部一样可以用格式)
>
> ....

分割线

---
***

列表(*,+,-跟空格都可以)

无序列表

* Java
* Python
* ...

+ Java
+ Python
+ ...

- Java
- Python
- ...

有序列表

# 注意后面有空格
1.
2.
3.
4.

图片

![code](/api/gallery/files/af2bc51ce57555c2ee1a69e329e9e60dd41b335397af7ea5ded427cfb455dc50.webp)

表格

| 项目标号 | 资金     | 备注 |
| -------- | -------- | ---- |
| 1        | 100,000 | 无   |
| 2        | 200,000 | 无   |
| 3        | 300,600  | 重要 |

Butterfly 外置标签

这部分参考安知鱼:安知鱼主题标签 Tag Plugins

引用 note

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: flat
  icons: true
  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

时间轴 timeline

{% timeline 时间线标题(可选)[,color] %}
<!-- timeline 时间节点(标题) -->
正文内容
<!-- endtimeline -->
<!-- timeline 时间节点(标题) -->
正文内容
<!-- endtimeline -->
{% endtimeline %}

1.gallerygroup 相册图库

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

2.gallery 相册

{% gallery %}
markdown 圖片格式
{% endgallery %}

分栏 tab

{% tabs Unique name, [index] %}

<!-- tab [Tab caption] [@icon] -->

Any content (support inline tags too).

<!-- endtab -->

{% endtabs %}

2.Demo 2 - 预设选择 tabs

This is Tab 1.

3.Demo 3 - 没有预设值

This is Tab 1.

4.Demo 4 - 自定义 Tab 名 + 只有 icon + icon 和 Tab 名

tab 名字为第一个 Tab

隐藏块

{% hideBlock display,bg,color %}
content
{% endhideBlock %}

评论 · 0

登录后即可评论

评论加载中…