Hello World

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

@tianhao_wang

@eberhard

@eberhard

@eberhard

@eberhard

@vklemen

@tianhao_wang

@eberhard

@eberhard

@eberhard

@eberhard

@vklemen

@tianhao_wang

@eberhard

@eberhard

@eberhard

@eberhard

@vklemen

emoji 表情包

mark 标记标签

支持多彩标记，包括：默认 红 橙 黄 绿 青 蓝 紫 亮 暗 警告 错误 一共 12 种颜色。

hashtag 标签

大尺寸图片

描述 [padding:16px

1
2
3
4
5
6
7
8
9
10

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



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

小尺寸图片优化

quot 引用

适合居中且醒目的引用：

此外，加上 el:h2/h3/h4/h5/h6 可以作为标题使用

poetry 诗词

note 备注块

okr 目标管理

O1

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

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

正常 44%

KR1

重构 tag-plugins 和 wiki 系统

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

已完成 100%

KR2

完成主要页面设计稿

小提示1

小提示2

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

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

延期 90%

KR3

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

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

求出圆周率后15位

找出宇宙的终极逻辑

去地狱里走两步

未完成 -12%

KR-4

开发、测试和发布

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

风险 0%

link 链接卡片

不带摘要的样式：

带摘要的样式：

mermaid 图表

graph LR
A(Section A) -->|option 1| B(Section A)
B -->|option 2| C(Section C)

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts 
prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

copy 复制行

radio 单选

checkbox 复选

navbar 导航栏

1

{% frame iphone11 img:/assets/wiki/prohud/toast/demo-loading.png video:/assets/wiki/prohud/toast/demo-loading.mp4 focus:top %}

文本修饰标签集

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

1
2
3
4
5
6
7
8

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

timeline 时间线

ghcard 卡片

1
2

{% ghcard xaoxuu %}
{% ghcard xaoxuu/hexo-theme-stellar theme:dark %}

box 盒子容器

1
2
3
4

{% box [title] [color:color] [child:codeblock/tabs] %}
...
{% endbox %}

彩色代码块

1
2
3

func test() {
    // ...
}

1
2
3

func test() -> () {
    // ...
}

1

content

1
2
3

child: codeblock/tabs
open: true/false
color: red/orange/yellow/green/cyan/blue/purple/light/dark

彩色可折叠代码块

1

代码块

1
2
3
4

{% folding child:codeblock open:true color:yellow 默认打开的代码折叠框 %}
代码块
{% endfolding %}

folders 多个折叠容器聚合

1
2
3
4
5
6
7
8
9

{% folders %}
<!-- folder 题目1 -->
这是答案1
<!-- folder 题目2 -->
这是答案2
<!-- folder 题目3 -->
这是答案3
{% endfolders %}

tabs 分栏容器

图片

代码块

表格

1 2	let x = 123 print("hello world")

a	b	c
a1	b1	c1
a2	b2	c2

grid 网格分区容器

gallery 图库容器

@tianhao_wang

@eberhard

@eberhard

@eberhard

@eberhard

@vklemen

详细用法：https://xaoxuu.com/blog/20231223

banner 横幅容器

用于独立页面顶部

随记

用于用户个人资料页

某某

这是个人简介

用作文章摘要卡片

博客进阶：自动化部署

本文讲了如何利用脚本和 GitHub Actions 简化博客搭建和部署流程，提高效率。

swiper 轮播容器

1
2
3
4
5
6

{% swiper effect:cards %}
![](https://images.unsplash.com/photo-1625171515821-1870deb2743b?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80)
![](https://images.unsplash.com/photo-1528283648649-33347faa5d9e?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80)
![](https://images.unsplash.com/photo-1542272201-b1ca555f8505?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80)
![](https://images.unsplash.com/photo-1524797905120-92940d3a18d6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80)
{% endswiper %}

使用「memos」极简版

1
2
3
4
5
6
7

timeline:
  layout: timeline
  title: 近期动态
  api: https://memos.xaox.cc/api/v1/memo?creatorId=1&limit=10
  type: memos
  hide: user,footer

作为标签组件使用