hexo-theme-stellar常用标签组件

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

{% emoji 爱你 height:2em %}
{% emoji tieba 滑稽 height:2em %}
{% emoji blobcat ablobcatheart %}
{% emoji blobcat blobcatangry %}
{% emoji blobcat blobcatflower %}

{% icon solar:planet-bold-duotone %} # 直接使用icons.yml默认图标
{% icon https://xxx  %} # 使用外联图标
{% icon ph:seal-question-fill color:green %} # 使用样式

# 支持多彩标记
{% 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 %}

{% 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 src [description] [download:bool/string] [width:px] [padding:px] [bg:hex] [fancybox:bool/string] %}

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

{% image https://xxx 小猫摇KFC download:true width:200px %}
{% image https://xxx 调试css的狼狈样子 download:true width:200px padding:16px %}

{% quot Stellar 是迄今为止最好用的主题 %}
{% quot 热门话题 icon:hashtag %}
{% quot 特别引用 icon:default %}
{% quot prefix:solar:planet-bold-duotone 这是一个 icons.yml 配置的示例 %}

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

{% paper style:underline title:六国论 author:苏洵 date:宋 footer:节选 %}

<!-- paragraph -->
六国破灭，非兵不利，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧。盖失强援，不能独完。故曰：弊在赂秦也。

<!-- paragraph -->
秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百倍。则秦之所大欲，诸侯之所大患，固不在战矣。思厥先祖父，暴霜露，斩荆棘，以有尺寸之地。子孙视之不甚惜，举以予人，如弃草芥。今日割五城，明日割十城，然后得一夕安寝。起视四境，而秦兵又至矣。然则诸侯之地有限，暴秦之欲无厌，奉之弥繁，侵之愈急。故不战而强弱胜负已判矣。至于颠覆，理固宜然。古人云：“以地事秦，犹抱薪救火，薪不尽，火不灭。”此言得之。

<!-- paragraph -->
齐人未尝赂秦，终继五国迁灭，何哉？与嬴而不助五国也。五国既丧，齐亦不免矣。燕赵之君，始有远略，能守其土，义不赂秦。是故燕虽小国而后亡，斯用兵之效也。至丹以荆卿为计，始速祸焉。赵尝五战于秦，二败而三胜。后秦击赵者再，李牧连却之。洎牧以谗诛，邯郸为郡，惜其用武而不终也。且燕赵处秦革灭殆尽之际，可谓智力孤危，战败而亡，诚不得已。向使三国各爱其地，齐人勿附于秦，刺客不行，良将犹在，则胜负之数，存亡之理，当与秦相较，或未易量。

<!-- paragraph -->
呜呼！以赂秦之地封天下之谋臣，以事秦之心礼天下之奇才，并力西向，则吾恐秦人食之不得下咽也。悲夫！有如此之势，而为秦人积威之所劫，日削月割，以趋于亡。为国者无使为积威之所劫哉！

<!-- paragraph -->
夫六国与秦皆诸侯，其势弱于秦，而犹有可以不赂而胜之之势。苟以天下之大，下而从六国破亡之故事，是又在六国下矣。
{% endpaper %}

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

{% note [title] content [color:color] %}

{% note **程序员黑话**

那个bug没问题啊，你再试试<br>

实际：刚偷偷改完这个bug<br>

使用场景：当非技术部门的同事给技术报问题的时候，技术可能在想“你个傻X会用吗”，当真的发现是自己的bug，会默默改掉，然后给出上边的答复，让非技术部门的人觉得什么也没发生过。
color:red %}

{% link href [title] [icon:src] [desc:true/false] %}

{% link https://www.baidu.com 百度 icon:https://www.baidu.com/favicon.ico %}

{% button text url [icon:key/src] [color:color] [size:xs] %}

{% button vue3文档 https://cn.vuejs.org icon:https://vueschool.io/images/banners/assets/CERTIFICATES/logo.svg color:yellow size:s %}

{% okr o1 %}

2024年的小目标：独立开发一个商城系统
来自2025年的复盘：已《基本》实现目标 {% emoji blobcat blobcatflower %}

<!-- okr kr1 percent:0.9 -->
学习vue3和golang的基本语法
- element-plus的使用
- gorm的使用

<!-- okr kr2 percent:0 status:off_track -->
开发商城购物前台

<!-- okr kr3 percent:0 status:unfinished -->
开发商城管理后台

<!-- okr kr4 status:at_risk -->
开发、测试和发布
大概率完不成了。。。

{% endokr %}

{% copy curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh %}
{% copy curl -sSL https://resource.fit2cloud.com/1panel/package/quick_start.sh prefix:$ %}
{% copy git:https aceld/golang %}
{% copy git:ssh aceld/golang %}
{% copy git:gh aceld/golang %}

{% radio color:red 未勾选的单选框 %}
{% radio checked:true color:green 已勾选的单选框 %}

{% 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 显示为乘号的红色的已勾选的复选框 %}

{% audio type:2 netease:1856385686 autoplay:0 %}

type: 2/0 # 歌曲/歌单 # 不设置默认为2歌曲模式<br>
netease: xxx # 歌曲/歌单 id ，具体 id 在网易云网页版的网址链接中寻找<br>
autoplay: 1/0 # 自动播放/手动播放 # 不设置默认0手动播放<br>

{% video bilibili:BV1BK411L7DJ width:80% autoplay:0 %}

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

{% frame iphone11 img:https://xxx video:https://xxx focus:top %}

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

{% timeline %}
<!-- node 2024 年 8 月 28 日 -->
逐渐熟悉 **Stellar** 标签的用法
<!-- node 2024 年 8 月 18 日 -->
初步建站，使用的 hexo-theme-stellar 主题
{% endtimeline %}

{% md https://github.com/cg0726/hexo-theme-stellar/README.md %}

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

{% toc wiki:xxx [open:true] title %}

{% toc wiki:niuke open:true 牛客 %}

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

{% folding 这是一段js代码 open:false color:blue %}

代码块...

{% endfolding %}

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

{% tabs active:2 align:center %}
<!-- tab 图片 -->
图片
<!-- tab 代码块 -->
代码块
{% endtabs %}

{% grid %}
<!-- cell -->
{% image https://www.helloimg.com/i/2024/12/08/6755ab6d9ea04.jpg %}
<!-- cell -->
The Galactic Center is the rotational center of the Milky Way galaxy. Its central massive object is a supermassive black hole of about 4 million solar masses, which is called Sagittarius A*. Its mass is equal to four million suns. The center is located 25,800 light years away from Earth.

> Ōwhiro Bay, Wellington, New Zealand
> Published on May 31, 2022
> SONY, ILCE-6000
> Free to use under the Unsplash License

{% endgrid %}