更新于：2024-01-13

Stellar表达类标签

emoji 标签包

语法格式：

{% emoji [source] name [height:1.75em] %}

{% emoji 爱你 %}
{% emoji blobcat ablobcatattentionreverse %}
{% emoji tieba 滑稽 %}
<center>{% emoji blobcat ablobcatrainbow height:1em %}{% emoji blobcat ablobcatrainbow height:2em %}{% emoji blobcat ablobcatrainbow height:3em %}{% emoji blobcat ablobcatrainbow height:2em %}{% emoji blobcat ablobcatrainbow height:1em %}</center>

blobcat表情包速查

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 种颜色。

hashtag 标签

Stellar
Hexo
GitHub
Gitea

{% hashtag Stellar https://xaoxuu.com/wiki/stellar/ %}
{% hashtag Hexo https://hexo.io/ %}
{% hashtag GitHub https://github.com/xaoxuu/ %}
{% hashtag Gitea https://git.xaox.cc/ color:green %}

image 图片标签

语法格式：

{% image src [description] [download:bool/string] [width:px] [padding:px] [bg:hex] %}

参数说明：

src: 图片地址
description: 图片描述
download: href # 下载地址，设置此值后鼠标放在图片上会显示下载地址，如果下载地址为图片地址，可以设置为 true
width: 200px # 图片宽度
padding: 16px # 图片四周填充宽度
bg: '#ffffff' # 图片区域背景颜色，16进制

大尺寸照片

无需任何操作，仅填写src、description两个参数即可，图片会尽可能横向铺满。

小尺寸图片

{% image src width:200px padding:16px bg:white %}

Fancybox 插件点击放大

本站所有图片均已支持该功能。

quot 引用

代码：

{% quot Stellar 是最好用的主题 %}
{% quot 热门话题 icon:hashtag %}
{% quot 特别引用 icon:default %}

效果：

Stellar 是最好用的主题

热门话题

特别引用

poetry 诗词

游山西村

陆游

莫笑农家腊酒浑，丰年留客足鸡豚。
山重水复疑无路，柳暗花明又一村。
箫鼓追随春社近，衣冠简朴古风存。
从今若许闲乘月，拄杖无时夜叩门。

{% poetry 游山西村 author:陆游 footer:诗词节选 %}
莫笑农家腊酒浑，丰年留客足鸡豚。
**山重水复疑无路，柳暗花明又一村。**
箫鼓追随春社近，衣冠简朴古风存。
从今若许闲乘月，拄杖无时夜叩门。
{% endpoetry %}

note 备注块

直接写备注内容，默认是和代码块一样的样式，第一个空格前面的是标题，后面的是正文，如果标题中需要显示空格，请使用   代替。

{% note [title] content [color:color] %}
title: 标题（可选）
content: 内容
color: red/orange/yellow/green/cyan/blue/purple/light/dark/warning/error

标题

这是正文

{% note 标题 这是正文 color:cyan %}

okr 目标管理

示例代码如下：

{% okr o1 %}

2024年的小目标：完成 Volantis 6.0 并发布上线
来自2025年的复盘：已《基本》实现目标 {% emoji tieba 滑稽 %}

<!-- okr kr1 percent:1 -->
重构 tag-plugins 和 wiki 系统
- 当 {% mark KR %} 进度为 100% 时，标签默认显示为 {% mark color:green 已完成 %}
- 当 {% mark KR %} 未设置进度时，默认为 {% mark 0% %}
- 当 {% mark O %} 未设置进度时，则显示所有 {% mark KR %} 进度平均值

<!-- okr kr2 percent:0.9 status:off_track -->
完成主要页面设计稿
{% tabs align:left %}
<!-- tab 小提示1 -->
您可以在 _config.yml 文件中修改标签的颜色和文案
<!-- tab 小提示2 -->
您可以在 _config.yml 文件中增加任意的标签配置
{% endtabs %}

<!-- okr kr3 percent:-0.12 status:unfinished -->
完成前置准备工作（如果你知道答案，请在留言区帮帮我！🥹）
{% checkbox 在咸水和海滩之间找一亩地 %}
{% checkbox 求出圆周率后15位 %}
{% checkbox 找出宇宙的终极逻辑 %}
{% checkbox 去地狱里走两步 %}

<!-- okr kr-4 status:at_risk -->
开发、测试和发布
{% image /assets/wiki/stellar/icon.svg height:64px 支持嵌套插入图片等其它简单组件 %}

{% endokr %}

示例：

O1

2024年的小目标：完成 Volantis 6.0 并发布上线

来自2025年的复盘：已《基本》实现目标

正常 44%

KR1

重构 tag-plugins 和 wiki 系统

当 KR 进度为 100% 时，标签默认显示为已完成
当 KR 未设置进度时，默认为 0%
当 O 未设置进度时，则显示所有 KR 进度平均值

已完成 100%

KR2

完成主要页面设计稿

您可以在 _config.yml 文件中修改标签的颜色和文案

您可以在 _config.yml 文件中增加任意的标签配置

延期 90%

KR3

完成前置准备工作（如果你知道答案，请在留言区帮帮我！🥹）

在咸水和海滩之间找一亩地

求出圆周率后15位

找出宇宙的终极逻辑

去地狱里走两步

未完成 -12%

KR-4

开发、测试和发布

支持嵌套插入图片等其它简单组件

风险 0%

link 链接卡片

{% link href [title] [icon:src] [desc:true/false] %}
href: 链接
title: 可选，手动设置标题（为空时会自动抓取页面标题）
icon: 可选，手动设置图标（为空时会自动抓取页面图标）
desc: 可选，是否显示摘要描述，为true时将会显示页面描述

不带摘要的样式：

https://xaoxuu.com/blog/20221029/https://xaoxuu.com/blog/20221029/

带摘要的样式：

https://xaoxuu.com/blog/20221029/

https://xaoxuu.com/blog/20221029/

不带摘要的样式：
{% link https://xaoxuu.com/blog/20221029/ %}
带摘要的样式：
{% link https://xaoxuu.com/blog/20221029/ desc:true %}

copy 复制行

对于单行内容，可以使用copy标签来实现复制功能：

$

您可以试着 git:https 或者 git:ssh 或者 git:gh来快速放置一个Git仓库链接

{% copy curl -s https://sh.xaox.cc/install | sh %}
{% copy curl -s https://sh.xaox.cc/install | sh prefix:$ %}
{% copy git:https xaoxuu.com/hexo-theme-stellar %}
{% copy git:ssh xaoxuu.com/hexo-theme-stellar %}
{% copy git:gh xaoxuu.com/hexo-theme-stellar %}

radio 单选

没有勾选的单选框

已勾选的单选框

{% radio 没有勾选的单选框 %}
{% radio checked:true 已勾选的单选框 %}
checked: true/false
color: red/orange/yellow/green/cyan/blue/purple

checkbox 复选

普通的没有勾选的复选框

普通的已勾选的复选框

显示为加号的绿色的已勾选的复选框

显示为减号的黄色的已勾选的复选框

显示为乘号的红色的已勾选的复选框

{% checkbox 普通的没有勾选的复选框 %}
{% checkbox checked:true 普通的已勾选的复选框 %}
{% checkbox symbol:plus color:green checked:true 显示为加号的绿色的已勾选的复选框 %}
{% checkbox symbol:minus color:yellow checked:true 显示为减号的黄色的已勾选的复选框 %}
{% checkbox symbol:times color:red checked:true 显示为乘号的红色的已勾选的复选框 %}
checked: true/false
color: red/orange/yellow/green/cyan/blue/purple
symbol: plus/minus/times

audio 音频标签（目前不可用）

{% audio https://github.com/volantis-x/volantis-docs/releases/download/assets/Lumia1020.mp3 %}

video 视频标签（目前不可用）

{% video bilibili:BV1GP4y1d729 %}

文章内也可以插入一个导航栏

{% navbar active:/wiki/ [文章](/) [项目](/wiki/) [留言](#comments) [GitHub](https://github.com/xaoxuu/) %}

文本修饰标签集

这是密码标签
这是下划线标签
这是着重号标签
这是波浪线标签
这是 ~~删除线~~ 标签
这是 ^上角标标签
这是 _下角标标签
这是 键盘样式 标签，试一试：⌘ + D

- 这是 {% psw 密码 %} 标签
- 这是 {% u 下划线 %} 标签
- 这是 {% emp 着重号 %} 标签
- 这是 {% wavy 波浪线 %} 标签
- 这是 {% del 删除线 %} 标签
- 这是 {% sup 上角标 color:red %} 标签
- 这是 {% sub 下角标 %} 标签
- 这是 {% kbd 键盘样式 %} 标签，试一试：{% kbd ⌘ %} + {% kbd D %}

Stellar官方文档

本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议，转载请注明出处。