Volantis 主题标签写法
Volantis是本站使用的hexo主题,本站能看上去如此精美,功能如此丰富很大程度上要归功于这个主题。它提供了非常多的标签插件来实现像上面的链接框那样的hexo本身没有的功能,可是说实话,这些标签太难记住了,于是把我常用的标签抄下来备查:
link
1 | {% link 标题::链接::图片链接(可选) %} |
文本样式
带 下划线 的文本;带删除线 的文本
键盘样式的文本:⌘ + D
密码样式的文本:
1 | 带 {% u 下划线 %} 的文本;带 {% emp 着重号 %} 的文本;带 {% wavy 波浪线 %} 的文本;带 {% del 删除线 %} 的文本 |
note
1 | {% note::可以在配置文件中设置默认样式,为简单的一句话提供最的简便写法。 %} |
效果如下:
可以在配置文件中设置默认样式,为简单的一句话提供最的简便写法。
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 %} |
行内图片
1 | {% inlineimage 图片链接::height=高度(可选) %} |
带描述的图片
Volantis这点做得不好,markdown标准语法的图片不好好渲染(没有描述)另搞一个标签
1 | {% image https://img.pengs.top/i/2024/01/25/980342336.webp::alt=hexo很棒 %} |
还有些别的参数,我用不上。
之前在这里吃大亏了,耽误了一个小时!alt里面不能有空格!
可以放大的图片
Volantis这点做的也不好!,已经引入fancybox了,想要让文章中的照片可以放大还要用另一个插件。
1 | {% gallery %} |
span(也是样式)
1 | {% span 样式参数::文本内容 %} |
各种颜色的标签,包括:红色、黄色、绿色、青色、蓝色、灰色。
超大号文字:
Volantis A Wonderful Theme for Hexo
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 |