hexo中的markdown语法技巧

---

title: hexo中的markdown语法技巧
date: 2024-04-10 10:18:10
categories : hexo
tags:

• hexo
• markdown

---

参考这篇博客，效果确实是很震惊

---

额额csdn这里的markdown渲染好像也不太行，还请各位移步一开始的博客观察效果。。。

---

居中引用

{% cq %} hello world {% endcq %}

彩色 tag

{% label [class] @ 标签内容 %}
class：
 - default: 浅灰色,可留空
 - primary: 浅紫色
 - success: 浅绿色
 - info: 浅蓝色
 - warning: 浅黄色
 - danger: 浅红色

{% label [warning] @ test %}
注意，由于之前安装的darkmode插件导致了前端css被覆盖，所以实际显示的颜色可能有不同

彩色 note

我个人很喜欢这个东西 ^ ^

(为了避免编译错误，所以放在不同的行了。。。)

{% note [class]%} 
内容
{% endnote %}

class: 
 - default: 灰色
 - primary: 紫色
 - success: 绿色
 - info: 蓝色
 - warning: 黄色
 - danger: 红色

{% note [info]%} hello world {% endnote %}

切换 tabs

这个也不错，感觉之后不论是放代码还是放对比的东西，比上下文叠放好用多了。。。
{% tabs [Class] %} // Class: 必填项，Tab的全局名称，唯一值，不能带有符号

这里是1号Tab内容

这里是2号Tab内容

这里是3号Tab内容，上面的tab也可以改 ^ ^

{% endtabs %}

按钮 Btn

使用自带 FontAwesome 图标，在 FontAwesome 上找到相应的图标名

{% btn [地址] , [内容] , [图标 规格] %}

[地址]：当使用外链绝对引用时，无按钮，样式类似Markdown链接跳转
[图标 规格]: 使用无`fa-`开头的FontAwesome图标，可以用以下规格定义图标大小
fa-fw | fa-lg | fa-2x | fa-3x | fa-4x | fa-5x

但是不知道为什么显示不出来 hhh

{% btn [https://www.baidu.com/] [百度] [fa-home-2x]}  

{% btn [https://www.baidu.com/] [百度] [fa-home]}  

哎哎，显示不出来我就给他用多行代码的形式注释掉了。。。