表达类标签(14+个)
emoji 表情
内置了可配置的表情标签 使用方法如下:
{% emoji 爱你 %} |
{% emoji [source] name [height:1.75em] %} |
其中 source
可省略,默认为配置中的第一个 source
(详见「引入表情包」部分)
如果对高度有特别要求,可以指定高度,例如:
{% emoji blobcat ablobcatrainbow height:4em %} |
表情速查表1:stellar表情标签索引
表情速查表2:Stellar内嵌blobcat小表情
tag_plugins: |
在配置文件中,文件名用
${name}
代替。
mark 行内文本标记
支持多彩标记,包括:默认 红 橙 黄 绿 青 蓝 紫 浅 深 警告 错误 一共 12 种颜色。
支持多彩标记,包括:{% mark 默认 %} {% mark 红 color:red %} {% mark 橙 color:orange %} {% mark 黄 color:yellow %} {% mark 绿 color:green %} {% mark 青 color:cyan %} {% mark 蓝 color:blue %} {% mark 紫 color:purple %} {% mark 浅 color:light %} {% mark 深 color:dark %} {% mark 警告 color:warning %} {% mark 错误 color:error %} 一共 12 种颜色。 |
tag 标签
这个效果类似于 mark
标签,但是更适合一批标签独占一行来使用,支持链接:
如果没有指定颜色,且没有设置默认颜色,则随机取一个颜色,快来试试吧~
{% tag Stellar https://xaoxuu.com/wiki/stellar/ %} |
image 图片标签
图片标签是一个精心设计的应对各种尺寸插图的标签,对于大图,可以放置一个「下载」按钮,语法格式如下:
{% image src [description] [download:bool/string] [width:px] [padding:px] [bg:hex] %} |
src: 图片地址 |
大尺寸图片
无论在什么宽度的设备上都希望横向铺满的图片,一般不需要额外操作。可以在链接后面写上图片描述,如有必要,可以通过设置 download:true
使其显示一个「下载」按钮链接指向图片地址,如果下载链接与显示的图片地址不同,可以 download:下载链接
来使其能够下载原图。
{% image /assets/wiki/stellar/photos/183e71e0ad995.jpg 来自印度的 Rohit Vohra 使用 iPhone 12 Pro Max 拍摄。 download:https://www.apple.com.cn/newsroom/images/product/iphone/lifestyle/Apple_ShotoniPhone-rohit_vohra_12172020.zip %} |
小尺寸图片优化
宽度较小而高度较大的图片,可以设置宽、高、填充间距、背景色等对其布局进行优化,使得它在不同宽度的屏幕下都能获得不错的视觉体验:
有底色的图片,可以填充图片底色:

{% image /assets/xaoxuu/mirror/apple/documentation/watchkit/06d45110-1dd7-49a4-a413-9f5159ecdd0e.png width:200px padding:16px bg:white %} |
鼠标拖拽一下图片可以看看原图
如果不进行约束,在宽屏设备上阅读体验很糟糕

没有底色的图片,可以填充 bg:var(--card)
动态颜色,能够适配暗黑模式:
{% image /assets/wiki/stellar/icon.svg bg:var(--card) padding:16px %} |
支持 Fancybox 插件点击放大
由于 Stellar 主题的插件具有按需加载的特性,所以 Fancybox 插件默认也是已经配置好了的,在任意 image
标签中增加 fancybox:true
参数即可为特定图片开启缩放功能。如果一个页面没有任何地方使用,则不会加载 Fancybox 插件。
如果您希望全站所有的 image
标签都开启此功能,可在主题配置文件中修改以下参数:
######## Tag Plugins ######## |
tag_plugins: |
quot 引用
适合居中且醒目的引用:
Stellar 是最好用的主题
支持自定义引号:
热门话题
其中自定义引号素材在主题配置文件的 tag_plugins.quot
中配置:
tag_plugins: |
写法如下
适合居中且醒目的引用:{% quot Stellar 是最好用的主题 %} |
特别引用
此外,加上
el:h2/h3/h4/h5/h6
可以作为标题使用
poetry 诗词
莫笑农家腊酒浑,丰年留客足鸡豚。
山重水复疑无路,柳暗花明又一村。
箫鼓追随春社近,衣冠简朴古风存。
从今若许闲乘月,拄杖无时夜叩门。
{% poetry 游山西村 author:陆游 footer:诗词节选 %} |
note 备注块
{% note [title] content [color:color] %} |
title: 标题(可选) |
具有标题的备注块
直接写备注内容,默认是和代码块一样的样式,第一个空格前面的是标题,后面的是正文,如果标题中需要显示空格,请使用
代替。
这是正文 哈哈。
{% note 这 是标题 这是正文 哈哈。 %} |
彩色备注块
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。
{% note 一共支持12种颜色,可以满足几乎所有的需求了。 color 可设置 red、orange、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。 %} |
link 链接卡片
外链卡片标签的语法格式为:
{% link href [title] [icon:src] [desc:true/false] %} |
参数含义:
href: 链接 |
不带摘要的样式: |
mermaid 图表
安装插件
mermaid: |
使用前需要在 Markdown 文件开头加入
--- |
graph LR A(Section A) -->|option 1| B(Section A) B -->|option 2| C(Section C)
gitGraph commit commit branch develop commit commit commit checkout main commit commit
copy 复制行
对于单行内容,可以使用 copy
标签来实现复制功能:
您可以设置 git:https
或者 git:ssh
或者 git:gh
来快速放置一个 git 仓库链接:
{% copy curl -s https://sh.xaox.cc/install | sh %} |
radio 单选
{% radio 没有勾选的单选框 %} |
checked: true/false |
checkbox 复选
{% checkbox 普通的没有勾选的复选框 %} |
checked: true/false |
navbar 导航栏
文章内也可以插入一个导航栏:
{% navbar active:1 [文章](/) [项目](/wiki/) [留言](#comments) [GitHub](https://github.com/xaoxuu/) %} |
frame 设备框架
{% frame iphone11 img:/assets/wiki/prohud/toast/demo-loading.png video:/assets/wiki/prohud/toast/demo-loading.mp4 focus:top %} |
文本修饰标签集
- 这是
密码 标签 - 这是 下划线 标签
- 这是
着重号 标签 - 这是
波浪线 标签 - 这是
删除线标签 - 这是 上角标 标签
- 这是 下角标 标签
- 这是 键盘样式 标签,试一试:⌘ + D
- 这是 {% psw 密码 %} 标签 |