Tag Plugins in Hexo and Stellar Theme

Text effects

Markdown	psw	u	emp	wavy	del	sup	sub	kbd
Preview	密码	下划线	着重号	波浪线	~~删除线~~	^上角标	_下角标	`键盘样式`

Tag colors

Color code	N/A	red	orange	yellow	green	cyan	blue	purple	light	dark	warning	error
Preview	默认	红	橙	黄	绿	青	蓝	紫	亮	暗	警告	错误

quot

Syntax:

{% quot [text] [icon] %}
{% quot [prefix] [text] [suffix] %}

Example:

I went to the Wharton School of Business… I’m, like, a really smart person.

Donald Trump

Code

Syntax:

{% box child:codeblock [color] %}
code
{% endbox %}

Example:

{
  "name": "John",
  "age": 30,
  "car": null
}

frame

Syntax:

{% frame [phone] [img] [video] [focus] %}

Example:

image

Syntax:

{% image [url] [description] [download] %}

Example:

ドーナツとピース！

emoji

Syntax:

{% emoji [source] [name] %}

Example:

mark

Syntax:

{% mark [text] [color] %}

Example:

This is a test message

hashtag

Syntax:

{% hashtag [text] [url] [color] %}

Example:

Hexo

poetry

Syntax:

{% poetry [title] [author] [footer] %}
content
{% endpoetry %}

Example:

游山西村

陆游

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

paper

Syntax:

{% paper [style] [title] [author] [date] [footer] %}

<!-- section 小节标题 -->

小节标题，居中显示

<!-- paragraph -->

段落，首行缩进两个字符

<!-- line left -->

段落左对齐

<!-- line right -->

段落右对齐
{% endpaper %}

Example:

文言文

出师表

先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。

后出师表

先帝深虑汉、贼不两立，王业不偏安，故托臣以讨贼也。以先帝之明，量臣之才，固知臣伐贼，才弱敌强也。然不伐贼，王业亦亡。惟坐而待亡，孰与伐之？是故托臣而弗疑也。

reel

Syntax:

{% reel [title] [author] [date] [footer] %}
content
{% endreel %}

Example:

滕王阁序

王勃

时维九月，序属三秋。
潦水尽而寒潭清，烟光凝而暮山紫。
俨骖騑于上路，访风景于崇阿。
临帝子之长洲，得天人之旧馆。
层峦耸翠，上出重霄；
飞阁流丹，下临无地。
鹤汀凫渚，穷岛屿之萦回；
桂殿兰宫，即冈峦之体势。

重九日

box

Syntax:

{% box [title] [color] [child] %}
content
{% endbox %}

Example:

一共支持12种颜色，可以满足几乎所有的需求了。

color 可设置 red、orange、amber、yellow、green、cyan、blue、purple、light、dark、warning、error 几种取值。

link

Syntax:

{% link [href] [desc] %}

Example:

https://www.cloudflare.com

button

Syntax:

{% button [text] [url] [icon] [color] %}

Example:

Hexo

okr

Syntax:

{% okr [object] %}
content

<!-- okr [kr] [percent] [status] -->

content
{% endokr %}

Example:

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

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

Ongoing 44%

KR1

重构 tag-plugins 和 wiki 系统

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

Finished 100%

KR2

完成主要页面设计稿

小提示1

小提示2

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

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

Delayed 90%

KR3

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

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

求出圆周率后15位

找出宇宙的终极逻辑

去地狱里走两步

Unfinished -12%

KR-4

开发、测试和发布

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

Alert 0%

copy

Syntax:

{% copy [text] [prefix] %}

Example:

radio

Syntax:

{% radio [checked] [color] [text] %}

Example:

This is a test message.

checkbox

Syntax:

{% checkbox [symbol] [color] [checked] [text] %}

Example:

This is a test message.

audio

Syntax:

{% audio [type] [netease] [autoplay] %}

Example:

video

Syntax:

{% video [bilibili/youtube] [width] [autoplay] %}

Example:

Syntax:

{% navbar [active] [tabname](url) %}

Example:

folding

Syntax:

{% folding [title] [codeblock] [open] [color] %}
content
{% endfolding %}

Example:

Sample code codeblock:true

{
  "name": "John",
  "age": 30,
  "car": null
}

folders

Syntax:

{% folders %}

<!-- folder [title] -->

content
{% endfolders %}

Example:

题目1

这是答案 1

题目2

这是答案 2

tabs

Syntax:

{% tabs [active] [align] %}

<!-- tab [title] -->

content
{% endtabs %}

Example:

代码块

表格

let x = 123
print("hello world")

a	b	c
a1	b1	c1
a2	b2	c2

grid

Syntax:

{% grid [w] [c] [bg] [gap] [br] %}

<!-- cell -->

content
{% endgrid %}

Example:

cell 1

cell 2

cell 3

cell 4

gallery

Syntax:

{% gallery %}
images
{% endgallery %}

Example:

ドーナツとピース！

こぼれた想い

失われてしまったもの

Syntax:

{% banner [title] [subtitle] [avatar] [bg] %}
content
{% endbanner %}

Example:

swiper

Syntax:

{% swiper [width] [effect] %}
images
{% endswiper %}

Example:

This work is licensed under CC BY-NC-SA 4.0