抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

ChangYan

If we dream, everything is possible.

本文参考主题官网,汇总了一些个人常用的标签插件

想了解更多标签插件请前往官网👉https://volantis.js.org/v5/tag-plugins/#text

1.text

效果

如果 想要重点 ,可以用 波浪线 ,如果错了就要 虚心 改正

键盘样式的文本: + CY

密码样式之我不会告诉你我的密码:是我的密码

源码

1
2
3
4
5
如果 {% u 想要 %} 画{% emp 重点 %} ,可以用 {% wavy 波浪线 %} ,如果错了就要 {% del 虚心 %} 改正

键盘样式的文本:{% kbd ⌘ %} + {% kbd C %}{% kbd Y %}

密码样式之我不会告诉你我的密码:{% psw 是我的密码 %}

2.span

效果

各种颜色的标签,包括:绿色蓝色红色灰色黄色青色

超大号文字:

heihei,有没有发现上边的“颜色”和“颜色”完全对不上呢

源码

1
2
3
4
5
各种颜色的标签,包括:{% span red::绿色 %}、{% span yellow::蓝色 %}、{% span green::红色 %}、{% span cyan::灰色 %}、{% span blue::黄色 %}、{% span gray::青色 %}。

超大号文字:

{% span center logo large::你猜我到底是什么颜色 %} {% span center small::heihei,有没有发现上边的“颜色”和“颜色”完全对不上呢 %}

参数

属性 可选值
字体 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 paperclip blue 放置一些附件链接

note todo 待办事项

note guide clear 可以加上一段向导

note download 可以放置下载链接

note message gray 一段消息

note up 可以说明如何进行更新

note undo light 可以说明如何撤销或者回退

源码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{% note::可以在配置文件中设置默认样式,为简单的一句话提供最的简便写法。 %}
{% note quote::note quote 适合引用一段话 %}
{% note info::note info 默认主题色,适合中性的信息 %}
{% note warning::note warning 默认黄色,适合警告性的信息 %}
{% note danger::note error/danger 默认红色,适合危险性的信息 %}
{% note success::note done/success 默认绿色,适合正确操作的信息 %}
{% note radiation::note radiation 默认样式 %}
{% note radiation yellow::note radiation yellow 可以加上颜色 %}
{% note bug red::note bug red 说明还存在的一些故障 %}
{% note link green::note link green 可以放置一些链接 %}
{% note paperclip blue::note paperclip blue 放置一些附件链接 %}
{% note todo::note todo 待办事项 %}
{% note guide clear::note guide clear 可以加上一段向导 %}
{% note download::note download 可以放置下载链接 %}
{% note message gray::note message gray 一段消息 %}
{% note up::note up 可以说明如何进行更新 %}
{% note undo light::note undo light 可以说明如何撤销或者回退 %}

4.checkbox

效果

纯文本测试

支持简单的 markdown 语法

支持自定义颜色

绿色 + 默认选中

黄色 + 默认选中

青色 + 默认选中

蓝色 + 默认选中

增加

减少

源码

1
2
3
4
5
6
7
8
9
10
{% checkbox 纯文本测试 %}
{% checkbox checked::支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% 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::叉 %}

5.radio

效果

纯文本测试

支持简单的 markdown 语法

支持自定义颜色

绿色

黄色

青色

蓝色

源码

1
2
3
4
5
6
7
{% radio 纯文本测试 %}
{% radio checked::支持简单的 [markdown](https://guides.github.com/features/mastering-markdown/) 语法 %}
{% radio red::支持自定义颜色 %}
{% radio green::绿色 %}
{% radio yellow::黄色 %}
{% radio cyan::青色 %}
{% radio blue::蓝色 %}

6.timeline

效果

2020-09-05 完成本篇文章

  1. copy官网的代码完成搬砖过程。
  2. 修改成自己的风格,就像我现在在这里啰里啰唆。

2021-09-03 完善配置内容

每日多问之…【这里为什么会这样显示,这里为什么不这样显示】

2021-09-01 开始搭建博客

  1. 配置基础文件 hexo
  2. 选择主题 Volantis

源码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{% timeline %}

{% timenode 2020-09-05 完成本篇文章 %}

1. copy官网的代码完成搬砖过程。
2. 修改成自己的风格,就像我现在在这里啰里啰唆。


{% endtimenode %}

{% timenode 2021-09-03 完善配置内容 %}

每日多问之...【这里为什么会这样显示,这里为什么不这样显示】

{% endtimenode %}

{% timenode 2021-09-01 开始搭建博客 %}

1. 配置基础文件 `hexo`
2. 选择主题 `Volantis`

{% endtimenode %}

{% endtimeline %}

效果

源码

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 %} 真不错。

评论