抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

Volantis 主题标签写法

Volantis是本站使用的hexo主题,本站能看上去如此精美,功能如此丰富很大程度上要归功于这个主题。它提供了非常多的标签插件来实现像上面的链接框那样的hexo本身没有的功能,可是说实话,这些标签太难记住了,于是把我常用的标签抄下来备查:

1
{% link 标题::链接::图片链接(可选) %}

文本样式

下划线 的文本;带着重号 的文本;带波浪线 的文本;带 删除线 的文本

键盘样式的文本: + D

密码样式的文本:这里没有验证码

1
2
3
4
5
带 {% u 下划线 %} 的文本;带 {% emp 着重号 %} 的文本;带 {% wavy 波浪线 %} 的文本;带 {% del 删除线 %} 的文本

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

密码样式的文本:{% psw 这里没有验证码 %}

note

1
2
3
4
5
6
{% note::可以在配置文件中设置默认样式,为简单的一句话提供最的简便写法。 %}
{% note quote::note quote 适合引用一段话 %}
{% note info::note info 默认主题色,适合中性的信息 %}
{% note warning::note warning 默认黄色,适合警告性的信息 %}
{% note danger::note error/danger 默认红色,适合危险性的信息 %}
{% note success::note done/success 默认绿色,适合正确操作的信息 %}

效果如下:

可以在配置文件中设置默认样式,为简单的一句话提供最的简便写法。

note quote 适合引用一段话

note info 默认主题色,适合中性的信息

note warning 默认黄色,适合警告性的信息

note error/danger 默认红色,适合危险性的信息

note done/success 默认绿色,适合正确操作的信息

按钮

我一般只用一个居中大按钮

1
{% btn center large::点我获取我的GPG公钥::https://pengs.top/public.asc::fas fa-download %}
点我获取我的GPG公钥

行内图片

1
{% inlineimage 图片链接::height=高度(可选) %}

带描述的图片

Volantis这点做得不好,markdown标准语法的图片不好好渲染(没有描述)另搞一个标签

hexo很棒
hexo很棒
1
{% image https://img.pengs.top/i/2024/01/25/980342336.webp::alt=hexo很棒 %}

还有些别的参数,我用不上。

之前在这里吃大亏了,耽误了一个小时!alt里面不能有空格!

可以放大的图片

Volantis这点做的也不好!,已经引入fancybox了,想要让文章中的照片可以放大还要用另一个插件。

一行一个
1
2
3
4
5
{% gallery %}
![图片描述](链接)
![图片描述](链接)
......
{% endgallery %}

span(也是样式)

本插件最后更新于5.0 版本
1
{% span 样式参数::文本内容 %}

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

超大号文字:

A Wonderful Theme for Hexo

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

超大号文字:

{% span center logo large::Volantis %} {% span center small::A Wonderful Theme for Hexo %}
属性可选值
字体logo, code
颜色red, yellow, green, cyan, blue, gray
大小small, h4, h3, h2, h1, large, huge, ultra
对齐方向left, center, right

评论

留下神评妙论