本文参考主题官网,汇总了一些个人常用的标签插件
想了解更多标签插件请前往官网👉https://volantis.js.org/v5/tag-plugins/#text
1.text
效果
如果 想要 画虚心 改正
键盘样式的文本:⌘ + CY
密码样式之我不会告诉你我的密码:
源码
1 | 如果 {% u 想要 %} 画{% emp 重点 %} ,可以用 {% wavy 波浪线 %} ,如果错了就要 {% del 虚心 %} 改正 |
2.span
效果
各种颜色的标签,包括:绿色、蓝色、红色、灰色、黄色、青色。
超大号文字:
你猜我到底是什么颜色 heihei,有没有发现上边的“颜色”和“颜色”完全对不上呢源码
1 | 各种颜色的标签,包括:{% span red::绿色 %}、{% span yellow::蓝色 %}、{% span green::红色 %}、{% span cyan::灰色 %}、{% span blue::黄色 %}、{% span gray::青色 %}。 |
参数
属性 | 可选值 |
---|---|
字体 | logo, code |
颜色 | red, yellow, green, cyan, blue, gray |
大小 | small, h4, h3, h2, h1, large, huge, ultra |
对齐方向 | left, center, right |
3.note
效果
可以在配置文件中设置默认样式,为简单的一句话提供最的简便写法。
note quote 适合引用一段话
note info 默认主题色,适合中性的信息
note warning 默认黄色,适合警告性的信息
note error/danger 默认红色,适合危险性的信息
note done/success 默认绿色,适合正确操作的信息
note radiation 默认样式
note radiation yellow 可以加上颜色
note bug red 说明还存在的一些故障
note link green 可以放置一些链接
note paperclip blue 放置一些附件链接
note todo 待办事项
note guide clear 可以加上一段向导
note download 可以放置下载链接
note up 可以说明如何进行更新
note undo light 可以说明如何撤销或者回退
源码
1 | {% note::可以在配置文件中设置默认样式,为简单的一句话提供最的简便写法。 %} |
4.checkbox
效果
纯文本测试
支持简单的 markdown 语法
支持自定义颜色
绿色 + 默认选中
黄色 + 默认选中
青色 + 默认选中
蓝色 + 默认选中
增加
减少
叉
源码
1 | {% checkbox 纯文本测试 %} |
5.radio
效果
纯文本测试
支持简单的 markdown 语法
支持自定义颜色
绿色
黄色
青色
蓝色
源码
1 | {% radio 纯文本测试 %} |
6.timeline
效果
- copy官网的代码完成搬砖过程。
- 修改成自己的风格,就像我现在在这里啰里啰唆。
每日多问之…【这里为什么会这样显示,这里为什么不这样显示】
- 配置基础文件
hexo
- 选择主题
Volantis
源码
1 | {% timeline %} |
7.link
效果
源码
1 | {% link Hello World::https://chang-yan000.gitee.io/2021/09/01/hello-world/::https://gitee.com/chang-yan000/img/raw/master/blogs/Snipaste_2021-09-05_17-31-57.png %} |
8.inlineimage
Inlineimage 标签是一种行内图片标签,可以用来在一段话中间插入表情
效果
效果 真不错。
源码
1 | 效果 {% inlineimage https://gitee.com/chang-yan000/img/raw/master/blogs/20210904235651.jpg::height=40px %} 真不错。 |