随便写点什么吧
1️⃣基本使用
💭表达类标签
emoji表情包




1 | {% emoji 蛋糕 %} |
icon 图标标签
可以在任意位置插入图标:
1 | 可以在任意位置插入图标:{% icon octopus:32 %} |
mark 标记
默认 红 橙 黄 绿 青 蓝 紫 亮 暗 警告 错误1 | {% mark 默认 %} |
hashtag 标签
Stellar Hexo GitHub1 | {% hashtag Stellar https://xaoxuu.com/wiki/stellar/ %} |
image 图片标签
1 | {% image src [description] [download:bool/string] [width:px] [padding:px] [bg:hex] [fancybox:bool/string] %} |
1 | src: 图片地址 |
横向铺满图片
1 | {% image /images/base/test.jpg 猫猫镇楼 download:true fancybox:true %} |
竖图(小图)优化
1 | {% image /images/base/test2.jpg 猫猫镇楼 width:300px padding:10px bg:var(--card) download:true fancybox:true %} |
quote 引用
居中引用
1 | {% quot 居中引用 %} |
自定义配置
1 | {% quot 自定义配置 icon:coffee %} |
也可以指定任意图标
1 | {% quot 也可以指定任意图标 prefix:cat-head:64 suffix:dog-head:64 %} |
特别引用
1 | {% quot 特别引用 el:h4 icon:talk %} |
poetry 诗词
黑客搞懂 “计算理论”(theory of computation)的必要性,
与画家搞懂颜料化学成分的必要性差不多大。
1 | {% poetry 黑客也是创造者,与画家、建筑师、作家一样 author:保罗·格雷厄姆 footer:《黑客与画家》节选 %} |
paper 纸张标签
第二章
这话不是根据我自己的经验,而是根据我的观察,因为我知道自己的经验是完全不适于别人的。
第三章
可是我无论怎样用功,进步还是很小。说起来真是奇怪,我虽然也有相当的理解能力,我却从来不能从老师那里——父亲和朗拜尔西埃先生是例外——学到什么东西。
我另外的一些知识,都是我自学来的,这个以后就会清楚的。我那不能忍受任何束缚的思想不肯服从时间的限制;担心学不会的心情妨碍着我专心听讲:
生怕由于自己不懂而让教我的人着急的心情促使我装懂,教的人一直往下教,我却什么也不懂。我想按自己的步调行动,不愿顺从别人的步调。
1 | {% paper style:underline title:《忏悔录》节选 author:卢梭 date:《忏悔录》 footer:第二、三章节选 %} |
- style:underline | 无,是否带下划线
- title:标题
- author:作者
- date:日期
- footer:页脚
1 | <!-- section 小节标题 --> |
reel 卷轴标签
白酒新熟山中归,黄鸡啄黍秋正肥。
呼童烹鸡酌白酒,儿女嬉笑牵人衣。
高歌取醉欲自慰,起舞落日争光辉。
游说万乘苦不早,著鞭跨马涉远道。
会稽愚妇轻买臣,余亦辞家西入秦。
仰天大笑出门去,我辈岂是蓬蒿人。
1 | {% reel 南陵别儿童入京 author:李白 date:全唐诗 footer:节选 %} |
note 备注块
备注内容
1 | - color: red、orange、amber、yellow、green、cyan、blue、purple、light、dark、warning、error |
link 链接卡片
1 | {% link href [title] [icon:src] [desc:true/false] %} |
button 按钮
文档 探索1 | - size: 默认 | xs(最小号) |
okr 目标管理
- okr:Objectives and Key Results
从家门口的小公园开始吧
- 当 KR 进度为 100% 时,标签默认显示为 已完成
- 当 KR 未设置进度时,默认为 0%
- 当 O 未设置进度时,则显示所有 KR 进度平均值
您可以在 _config.yml 文件中修改标签的颜色和文案
您可以在 _config.yml 文件中增加任意的标签配置
copy 复制行
1 | {% copy curl -s https://sh.xaox.cc/install | sh prefix:$ %} |
radio 单选
1 | {% radio 没有勾选的单选框 %} |
- checked:true | false
- color:颜色
checkbox 复选
1 | {% checkbox 普通的没有勾选的复选框 %} |
- checked:true | false
- symbol: plus | minus | times
- color:颜色
audio 音频标签
- 支持音乐外链和网易云音乐
1 | {% audio https://github.com/volantis-x/volantis-docs/releases/download/assets/Lumia1020.mp3 %} |
- type
- 2表示歌曲
- 0表示歌单
- netease: 歌曲/歌单id,在网易云分享链接中能找到
- autoplay
- 1 表示自动播放
- 0 表示手动播放
video 视频标签
1 | {% video bilibili:BV1x44y1K7ho %} |
navbar 导航栏
1 | - 由链接组成的导航栏 |
frame 设备框架

1 | {% frame iphone11 img:/assets/wiki/prohud/toast/demo-loading.png video:/assets/wiki/prohud/toast/demo-loading.mp4 focus:top %} |
文本修饰标签集
- 这是
密码 标签 - 这是 下划线 标签
- 这是
着重号 标签 - 这是
波浪线 标签 - 这是
删除线标签 - 这是 上角标 标签
- 这是 下角标 标签
- 这是 键盘样式 标签,试一试:⌘ + D
1 | - 这是 {% psw 密码 %} 标签 |
🔢数据类标签
timeline 时间线
今天科三考试最后熄火,还好我平时练车熄火太多所以很熟,回空挡打火换一档完成靠边停车,贴着及格线过了,激动的心颤抖的手

下午科目三模拟3把连挂,教练差点气撅过去

1 | {% timeline %} |
friends 友链
1 | - title: 明眸如初 |
1 | {% friends exm_blogs %} |
sites 网站卡片
1 | - title: unsplash |
1 | {% sites sites_design %} |
ghcard 卡片
1 | {% ghcard puyixiu theme:dark %} |
📦容器类标签
box 盒子容器
1 | {% box [title] [color:color] [child:codeblock/tabs] %} |
1 | title: 标题 |
folding 折叠容器
展开详情
1 | {% folding title [codeblock:bool] [open:bool] [color:color] %} |
1 | codeblock: true | false |
folders 聚合折叠容器
抽屉A
这个抽屉是空的
抽屉B
这个抽屉是空的
抽屉C
找到了一把手电筒
1 | {% folders %} |
tabs 分栏容器

1 | let x = 123 |
a | b | c |
---|---|---|
a1 | b1 | c1 |
a2 | b2 | c2 |
1 | {% tabs active:2 align:center %} |
1 | align: center |
grid 网格分区
动态列数
1 | 1列: 240px - 480px |

崖洞墓是在石山中开凿墓室的一种墓葬形制,地下空间的布置虽然比较自由,但都最大限度象征和模仿了地上生活的内容。目前所知的汉代诸侯王崖洞墓分布在江苏徐州、河北满城等地,共有三十多座。
主要集中于黄淮之间的东部地区。徐州北洞山汉墓和狮子山汉墓就是西汉前期的两座大型楚王崖洞墓。
刘注墓原棺室的室顶正好对着山的最高处,真不知道在山里作业的工匠是怎么确定的位置。不过后来因为顶上裂开了,才把棺椁移到现在的墓室里。
1 | {% grid %} |
1 | w: 一列的宽度 |
固定列数
1 | {% grid c:2 %} |
背景样式
cell 1
cell 2
cell 3
cell 4
cell 1
cell 2
cell 3
cell 4
gallery 图库
1 | {% gallery %} |
banner 横幅容器
1 | bg: 背景 |
独立页面
1 | {% banner 随记 bg:/images/covers/coffee1.jpg %} |
用户资料页
1 | {% banner 足八桑 八条腿各有想法 bg:/images/covers/pixel_universe.png avatar:/images/base/avatar.png %} |
swiper 轮播容器
1 | {% swiper effect:cards %} |
1 | effect: cards | coverflow |