### Task List Example

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

An example demonstrating a list of tasks using checkboxes, showing both completed and pending items.

```markdown
{% checkbox checked:true 完成项目初始化 %}
```

```markdown
{% checkbox checked:true 编写核心功能 %}
```

```markdown
{% checkbox 编写单元测试 %}
```

```markdown
{% checkbox 部署到生产环境 %}
```

--------------------------------

### Full Button Example

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

A complete button example including color, icon, text, and URL.

```markdown
{% button color:accent icon:solar:download-bold 下载最新版本 https://github.com/releases/latest %}
```

--------------------------------

### Install Stellar Theme

Source: https://github.com/xaoxuu/hexo-theme-stellar/blob/main/README.md

Install the theme package via npm in your terminal.

```bash
npm i hexo-theme-stellar
```

--------------------------------

### Stellar Theme Configuration Example

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Example configuration for the Stellar theme, covering site logo, navigation, and menu settings.

```yaml
# _config.stellar.yml 主题配置示例

# 站点 Logo 和导航
logo:
  avatar: '[https://example.com/avatar.png](/about/)'
  title: '[我的博客](/)'
  subtitle: '技术分享 | 生活记录'

# 侧边栏菜单配置
menubar:
  columns: 4
  items:
    - id: post
      theme: '#1BCDFC'
      icon: solar:documents-bold-duotone
      title: 博客
      url: /
    - id: wiki
      theme: '#3DC550'
      icon: solar:notebook-bookmark-bold-duotone
      title: 文档
      url: /wiki/

# 站点结构树配置
site_tree:
  home:
    leftbar: welcome, recent
    rightbar: null
  index_blog:
    base_dir: blog
    menu_id: post
    leftbar: welcome, recent
  post:
    menu_id: post
    leftbar: related, recent
    rightbar: ghrepo, toc
  wiki:
    menu_id: wiki
    leftbar: tree, related, recent
    rightbar: ghrepo, toc
```

--------------------------------

### Rich Link Card Example

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

An example of a rich link card including a description and custom icon.

```markdown
{% link https://xaoxuu.com/wiki/stellar/ Stellar使用文档 desc:true icon:https://xaoxuu.com/favicon.ico %}
```

--------------------------------

### Full Image Tag Example

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

A comprehensive example demonstrating various image tag options including width, background, padding, zoom, and download.

```markdown
{% image https://example.com/photo.jpg 完整示例 width:500px bg:#eee padding:20px fancybox:true download:true %}
```

--------------------------------

### Install and Configure Hexo Theme Stellar

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Installs the Stellar theme using npm and sets it as the active theme in the Hexo site configuration.

```bash
# 环境要求
# Hexo: 6.3.0 ~ latest
# hexo-cli: 4.3.0 ~ latest
# node: 14.17.3 ~ latest LTS
# npm: 6.14.13 ~ latest

# 安装主题
npm i hexo-theme-stellar

# 在站点 _config.yml 中设置主题
# theme: stellar
```

--------------------------------

### Mark Tag Usage Example

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Illustrates using the mark tag for emphasis in different contexts, including importance and warnings.

```markdown
使用场景：这个功能 {% mark color:green 非常重要 %}，请务必 {% mark color:red 注意 %}。
```

--------------------------------

### Stellar Note Tag Examples

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Demonstrates the usage of the 'note' tag for creating styled informational boxes with different colors and titles.

```markdown
{% note 这是一条普通提示信息 %}

{% note color:red 警告 这是一条红色警告提示 %}

{% note color:yellow 注意 这是需要注意的内容，请仔细阅读 %}

{% note color:green 成功 操作已完成，数据已保存 %}

{% note color:blue 信息 这是一条蓝色信息提示框，支持 **Markdown** 格式 %}

{% note color:purple 自定义标题 这是带有紫色主题的自定义标题提示框 %}

<!-- 可用颜色: light, dark, red, orange, yellow, green, cyan, blue, purple, warning, error -->
```

--------------------------------

### Stellar Grid Tag Examples

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Demonstrates the 'grid' tag for creating responsive grid layouts, useful for displaying cards or image galleries, with options for item width, column count, and spacing.

```markdown
{% grid w:200px gap:16px %}
<!-- cell -->
**卡片 1**
这是第一个格子的内容

<!-- cell -->
**卡片 2**
这是第二个格子的内容

<!-- cell -->
**卡片 3**
这是第三个格子的内容

<!-- cell -->
**卡片 4**
这是第四个格子的内容
{% endgrid %}

<!-- 固定列数布局 -->
{% grid c:3 gap:20px br:12px %}
<!-- cell -->
![图片1](https://example.com/img1.jpg)

<!-- cell -->
![图片2](https://example.com/img2.jpg)

<!-- cell -->
![图片3](https://example.com/img3.jpg)
{% endgrid %}

<!-- 参数说明:
  w:240px - 每个格子最小宽度
  c:3 - 固定3列
  gap:16px - 格子间距
  br:12px - 圆角半径
  bg:card - 背景样式
-->
```

--------------------------------

### Stellar Box Tag Examples

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Shows how to use the 'box' tag to create container elements that can hold complex content, including Markdown and nested components like code blocks or tabs.

```markdown
{% box 重要内容标题 %}
这里是盒子的正文内容，支持 **Markdown** 语法。

- 列表项 1
- 列表项 2
- 列表项 3
{% endbox %}

{% box color:blue child:codeblock 代码示例 %}
下面是一段代码：

```javascript
function hello() {
  console.log('Hello, Stellar!');
}
```
{% endbox %}

{% box color:green child:tabs 多语言示例 %}
这个盒子里面嵌套了标签页组件
{% endbox %}
```

--------------------------------

### Stellar Tabs Tag Example

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Illustrates the 'tabs' tag for creating switchable tabbed interfaces, useful for displaying code in multiple languages or categorized content.

```markdown
{% tabs active:1 align:center %}
<!-- tab JavaScript -->
```javascript
// JavaScript 示例
const greeting = 'Hello World';
console.log(greeting);

function sum(a, b) {
  return a + b;
}
```
<!-- tab Python -->
```python
# Python 示例
greeting = 'Hello World'
print(greeting)

def sum(a, b):
    return a + b
```
<!-- tab Go -->
```go
// Go 示例
package main

import "fmt"

func main() {
    greeting := "Hello World"
    fmt.Println(greeting)
}
```
{% endtabs %}

<!-- active:1 表示默认激活第一个标签 -->
<!-- align:center 表示标签居中对齐 -->
```

--------------------------------

### Stellar Timeline Tag Examples

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Demonstrates the 'timeline' tag for displaying historical records or event timelines, supporting static content and dynamic data from APIs.

```markdown
{% timeline %}

<!-- node 2024年1月 -->
项目正式启动，完成基础架构搭建。
- 确定技术栈
- 搭建开发环境
- 完成原型设计

<!-- node 2024年2月 -->
核心功能开发阶段
- 用户系统开发完成
- API 接口设计
- 数据库优化

<!-- node 2024年3月 -->
测试与优化阶段
完成了性能测试和安全审计，修复了若干 Bug。

{% endtimeline %}

<!-- 动态时间线，从 API 获取数据 -->
{% timeline api:https://example.com/api/timeline.json %}
{% endtimeline %}

<!-- 使用 Memos 数据源 -->
{% timeline type:memos api:https://memos.example.com/api/v1/memos %}
{% endtimeline %}
```

--------------------------------

### Stellar Folding Tag Examples

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Illustrates the 'folding' tag for creating collapsible content sections, suitable for FAQs or detailed explanations, with options for default open state and styling.

```markdown
{% folding 点击展开详情 %}
这里是折叠的内容，默认是隐藏的。

可以包含任意 Markdown 内容：
- 列表
- **粗体**
- `代码`
{% endfolding %}

{% folding color:yellow open:true 默认展开的内容 %}
设置 `open:true` 后，内容默认展开显示。
{% endfolding %}

{% folding color:blue child:codeblock 查看代码示例 %}
```python
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)
```
{% endfolding %}

{% folding color:red 常见问题解答 %}
**Q: 如何安装主题？**
A: 使用 npm i hexo-theme-stellar 命令安装。

**Q: 如何更新主题？**
A: 使用 npm update hexo-theme-stellar 命令更新。
{% endfolding %}
```

--------------------------------

### Swiper with Cards Effect Example

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Another example of the swiper tag using the cards effect for a different set of images.

```markdown
{% swiper effect:cards %}
![](https://example.com/card1.jpg)
![](https://example.com/card2.jpg)
![](https://example.com/card3.jpg)
{% endswiper %}
```

--------------------------------

### Create New Notes via CLI

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Use the Hexo command line tool to generate new notes with specific titles, books, and tags.

```bash
# 创建新笔记
hexo new-note -n "笔记标题" -bk "笔记本名称"

# 创建带标签的笔记
hexo new-note -n "JavaScript学习笔记" -bk "前端" -tag "JavaScript,学习笔记"

# 创建带层级标签的笔记
hexo new-note -n "Vue3组合式API" -bk "前端框架" -tag "Vue/Vue3,响应式"

# 参数说明：
# -n, --name    笔记名称（必填）
# -bk, --book   笔记本名称（必填）
# -tag, --tag   标签，多个用逗号分隔（可选）
```

--------------------------------

### Configure Comment Systems

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Set up supported comment services like Giscus, Twikoo, or Waline in the configuration file.

```yaml
comments:
  service: giscus # beaudar, utterances, giscus, twikoo, waline, artalk
  comment_title: 快来参与讨论吧~
  lazyload: false

  # Giscus 配置
  giscus:
    src: https://giscus.app/client.js
    data-repo: your-username/your-repo
    data-repo-id: your-repo-id
    data-category: Announcements
    data-category-id: your-category-id
    data-mapping: pathname
    data-strict: 0
    data-reactions-enabled: 1
    data-emit-metadata: 0
    data-input-position: top
    data-theme: preferred_color_scheme
    data-lang: zh-CN

  # Twikoo 配置
  twikoo:
    js: https://gcore.jsdelivr.net/npm/twikoo@1.6/dist/twikoo.all.min.js
    envId: https://your-twikoo-server.vercel.app

  # Waline 配置
  waline:
    js: https://gcore.jsdelivr.net/npm/@waline/client@3.1/dist/waline.js
    css: https://gcore.jsdelivr.net/npm/@waline/client@3.1/dist/waline.css
    serverURL: https://your-waline-server.vercel.app
    commentCount: true
    pageview: false
```

--------------------------------

### Configure Theme in _config.yml

Source: https://github.com/xaoxuu/hexo-theme-stellar/blob/main/README.md

Set the theme to stellar in your Hexo configuration file.

```yaml
theme: stellar
```

--------------------------------

### Check Environment Requirements

Source: https://github.com/xaoxuu/hexo-theme-stellar/blob/main/README.md

Verify that your Hexo, Node, and npm versions meet the minimum requirements for Stellar.

```yaml
Hexo: 6.3.0 ~ latest
hexo-cli: 4.3.0 ~ latest
node: 14.17.3 ～ latest LTS # 建议选择 LTS 版本，过高的版本 hexo 还没有进行兼容。
npm: 6.14.13 ~ latest
```

--------------------------------

### Audio with Autoplay

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Enable autoplay for audio playback using autoplay:true.

```markdown
{% audio netease:1234567 autoplay:true %}
```

--------------------------------

### Basic Button Tag

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Create a standard button with text and a link.

```markdown
{% button 立即下载 https://github.com/xaoxuu/hexo-theme-stellar/releases %}
```

--------------------------------

### Image Tag with Download Button

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Enable a download button for images using the download:true option.

```markdown
{% image https://example.com/photo.jpg 可下载的图片 download:true %}
```

--------------------------------

### Configure Search Functionality

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Enable and configure local or Algolia search services.

```yaml
search:
  service: local_search # local_search, algolia_search

  # 本地搜索配置
  local_search:
    field: all # post, page, all
    path: /search.json
    content: true # 是否搜索内容
    skip_search: # 指定不被搜索的路径

  # Algolia 搜索配置
  algolia_search:
    appId: your-app-id
    apiKey: your-api-key
    indexName: your-index-name
    js: https://gcore.jsdelivr.net/algoliasearch/3/algoliasearch.min.js
```

--------------------------------

### Use OKR Tag

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Track objectives and key results with progress percentages and status indicators.

```markdown
{% okr o1 %}
完成 Stellar 主题 2.0 版本开发

<!-- okr kr1 percent:100 status:finished -->
重构核心代码架构
完成了模块化设计，提升了代码可维护性

<!-- okr kr2 percent:80 status:in_track -->
新增 10 个标签插件
目前已完成 8 个插件的开发

<!-- okr kr3 percent:50 status:at_risk -->
编写完整的使用文档
文档编写进度略有延迟

{% endokr %}

<!-- 自定义进度和状态 -->
{% okr o2 percent:75 status:in_track %}
提升网站性能

<!-- okr kr1 percent:100 status:finished -->
实现图片懒加载
所有图片已启用懒加载

<!-- okr kr2 percent:60 status:in_track -->
优化 JavaScript 加载
正在进行代码分割优化

{% endokr %}
```

--------------------------------

### Bilibili Video with Autoplay

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Enable autoplay for Bilibili videos using autoplay:true.

```markdown
{% video bilibili:BV1xx411c7mD autoplay:true %}
```

--------------------------------

### Customize Theme Styles

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Adjust fonts, border-radius, colors, and code block styles in the configuration file.

```yaml
style:
  prefers_theme: auto # auto / light / dark
  smooth_scroll: true

  # 字体大小
  font-size:
    root: 16px
    body: 17px
    code: 85%
    codeblock: 0.8125rem

  # 字体家族
  font-family:
    body: 'system-ui, "Microsoft Yahei", "Segoe UI", Arial, sans-serif'
    code: 'Menlo, Monaco, Consolas, system-ui, monospace, sans-serif'

  # 圆角设置
  border-radius:
    card-l: 24px
    card: 16px
    card-s: 12px
    bar: 8px
    image: 16px

  # 颜色配置
  color:
    theme: 'hsl(192 98% 55%)'   # 主题色
    accent: 'hsl(14 100% 57%)'  # 强调色
    link: 'hsl(207 90% 54%)'    # 链接颜色

  # 代码块样式
  codeblock:
    scrollbar: 4px
    highlightjs_theme: https://gcore.jsdelivr.net/gh/highlightjs/cdn-release@11.9/build/styles/atom-one-dark.min.css

  # 文章标题前缀符号
  header_prefix:
    h2: '#'
    h3: '='
    h4: '|'
```

--------------------------------

### Basic Checkbox

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Create a basic checkbox. Use 'checked:true' to pre-select it.

```markdown
{% checkbox 未完成的任务 %}
```

```markdown
{% checkbox checked:true 已完成的任务 %}
```

--------------------------------

### Video with Custom Width and Ratio

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Control the width and aspect ratio of the video player.

```markdown
{% video https://example.com/video.mp4 width:80% ratio:16/9 %}
```

--------------------------------

### Use Inline Text Tags

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Apply various text decorations like underlines, emphasis, keyboard keys, and blur effects.

```markdown
<!-- 下划线 -->
{% u 带下划线的文本 %}

<!-- 着重号 -->
{% emp 着重强调的文本 %}

<!-- 波浪线 -->
{% wavy 波浪下划线文本 %}

<!-- 删除线 -->
{% del 已删除的内容 %}

<!-- 键盘按键 -->
{% kbd Ctrl %} + {% kbd C %} 复制
{% kbd Ctrl %} + {% kbd V %} 粘贴
{% kbd Command %} + {% kbd Shift %} + {% kbd 4 %} 截图

<!-- 密码遮罩（鼠标悬停显示） -->
密码是：{% psw 123456 %}

<!-- 模糊效果 -->
{% blur 这段文字是模糊的 %}

<!-- 上标 -->
E = mc{% sup 2 %}

<!-- 下标 -->
H{% sub 2 %}O 是水的化学式

<!-- 带颜色的上标/下标 -->
{% sup color:red 重要 %}
{% sub color:blue 注释 %}
```

--------------------------------

### Basic Link Card Tag

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Create a simple link card for a given URL.

```markdown
{% link https://github.com %}
```

--------------------------------

### Configure Friend Links in _config.stellar.yml

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Define the structure for friend link data in the theme configuration file.

```yaml
links:
  friends:
    - title: 友站1
      url: https://friend1.com
      avatar: https://friend1.com/avatar.png
    - title: 友站2
      url: https://friend2.com
      avatar: https://friend2.com/avatar.png
```

--------------------------------

### Audio with Specified Type

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Explicitly define the MIME type for the audio source.

```markdown
{% audio https://example.com/music.ogg type:audio/ogg %}
```

--------------------------------

### Basic Radio Button

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Create a basic radio button. Use 'checked:true' to pre-select it.

```markdown
{% radio 选项 A %}
```

```markdown
{% radio checked:true 选项 B（已选中） %}
```

--------------------------------

### Use GitHub Card Tag

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Display GitHub user or repository information cards with optional theme and color customizations.

```markdown
<!-- 用户卡片 -->
{% ghcard xaoxuu %}

<!-- 仓库卡片 -->
{% ghcard xaoxuu/hexo-theme-stellar %}

<!-- 自定义主题 -->
{% ghcard xaoxuu/hexo-theme-stellar theme:dark %}
{% ghcard xaoxuu/hexo-theme-stellar theme:radical %}

<!-- 自定义颜色 -->
{% ghcard xaoxuu theme:default title_color:ff0000 text_color:333333 %}

<!-- 隐藏边框 -->
{% ghcard xaoxuu/hexo-theme-stellar hide_border:true %}
```

--------------------------------

### Link Card Tag with Description

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Include a description in the link card by setting desc:true.

```markdown
{% link https://hexo.io Hexo官网 desc:true %}
```

--------------------------------

### Buttons with Different Sizes

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Adjust button size using the size parameter, with options like 'xs' for extra small.

```markdown
{% button size:xs 小按钮 /small %}
```

```markdown
{% button 默认按钮 /default %}
```

--------------------------------

### Hashtag Tag

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Create clickable hashtag labels with optional links.

```markdown
{% hashtag Hexo https://hexo.io %}
```

```markdown
{% hashtag Stellar https://github.com/xaoxuu/hexo-theme-stellar %}
```

```markdown
{% hashtag 前端开发 /tags/frontend %}
```

--------------------------------

### Image Tag with Fancybox Zoom

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Activate Fancybox for image zooming with fancybox:true.

```markdown
{% image https://example.com/photo.jpg 点击放大 fancybox:true %}
```

--------------------------------

### Video with Specified Type

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Explicitly define the MIME type for the video source.

```markdown
{% video https://example.com/video.webm type:video/webm %}
```

--------------------------------

### Local or External Audio

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Embed local or external audio files using the audio tag.

```markdown
{% audio https://example.com/music.mp3 %}
```

--------------------------------

### Checkboxes with Different Colors

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Demonstrates checkboxes styled with blue, orange, and purple colors.

```markdown
{% checkbox color:blue 蓝色选项 %}
```

```markdown
{% checkbox color:orange 橙色选项 %}
```

```markdown
{% checkbox color:purple 紫色选项 %}
```

--------------------------------

### Use Poetry Tag

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Render poetry or prose content with author and date metadata.

```markdown
{% poetry 静夜思 author:李白 date:唐代 %}
床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。
{% endpoetry %}

{% poetry 沁园春·雪 author:毛泽东 date:1936年 footer:1945年发表于重庆《新民报晚刊》 %}
北国风光，千里冰封，万里雪飘。
望长城内外，惟余莽莽；
大河上下，顿失滔滔。
山舞银蛇，原驰蜡象，
欲与天公试比高。
须晴日，看红装素裹，分外妖娆。
{% endpoetry %}
```

--------------------------------

### Image Tag with Caption

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Add a caption to your images using the image tag.

```markdown
{% image https://example.com/photo.jpg 这是图片说明文字 %}
```

--------------------------------

### Button Tag with Icon

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Add an icon to the button using the icon parameter.

```markdown
{% button 查看源码 https://github.com icon:solar:code-bold %}
```

--------------------------------

### Image Tag with Aspect Ratio

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Set a specific aspect ratio for images using the ratio parameter.

```markdown
{% image https://example.com/photo.jpg 16:9比例图片 ratio:16/9 %}
```

--------------------------------

### Image Tag with Width and Background

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Control image dimensions and background color with the image tag.

```markdown
{% image https://example.com/photo.jpg 示例图片 width:400px bg:#f5f5f5 %}
```

--------------------------------

### Buttons with Different Colors

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Style buttons with various colors like green, red, blue, and orange.

```markdown
{% button color:green 确认提交 /submit %}
```

```markdown
{% button color:red 删除 /delete %}
```

```markdown
{% button color:blue 了解更多 /about %}
```

```markdown
{% button color:orange 立即购买 /buy %}
```

--------------------------------

### Mark Tag with Different Colors

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Apply various colors to highlighted text using the color parameter.

```markdown
{% mark color:red 红色高亮 %}
```

```markdown
{% mark color:orange 橙色高亮 %}
```

```markdown
{% mark color:yellow 黄色高亮 %}
```

```markdown
{% mark color:green 绿色高亮 %}
```

```markdown
{% mark color:cyan 青色高亮 %}
```

```markdown
{% mark color:blue 蓝色高亮 %}
```

```markdown
{% mark color:purple 紫色高亮 %}
```

--------------------------------

### Netease Cloud Music Single

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Embed a single track from Netease Cloud Music using its ID.

```markdown
{% audio netease:1234567 %}
```

--------------------------------

### Local or External Video

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Embed local or external video files using the video tag.

```markdown
{% video https://example.com/video.mp4 %}
```

--------------------------------

### Combined Hashtag Usage

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Showcases how to use multiple hashtag tags together to categorize content.

```markdown
本文相关话题：{% hashtag JavaScript /tags/js %} {% hashtag Vue /tags/vue %} {% hashtag 前端 /tags/frontend %}
```

--------------------------------

### Basic Image Tag

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Use the image tag for basic image embedding. Supports lazy loading, zoom, and download.

```markdown
{% image https://example.com/photo.jpg %}
```

--------------------------------

### Netease Cloud Music Playlist

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Embed a playlist from Netease Cloud Music. Type 0 typically indicates a playlist.

```markdown
{% audio netease:1234567 type:0 %}
```

--------------------------------

### Use Friends Tag

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Display friend links using various data sources such as local config, GitHub repositories, or custom APIs.

```markdown
<!-- 从配置读取友链 -->
{% friends friends %}

<!-- 从 GitHub 仓库读取（自动化友链） -->
{% friends repo:xaoxuu/friends %}

<!-- 从自定义 API 读取 -->
{% friends api:https://example.com/api/friends.json %}

<!-- 显示友链和文章 -->
{% friends repo:xaoxuu/friends posts:true %}
```

--------------------------------

### Basic Mark Tag

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Highlight a piece of text using the mark tag.

```markdown
这是一段包含 {% mark 高亮文本 %} 的内容。
```

--------------------------------

### Bilibili Video Embed

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Embed Bilibili videos by providing the BV ID.

```markdown
{% video bilibili:BV1xx411c7mD %}
```

--------------------------------

### Checkbox with Color and Symbol

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Customize checkbox appearance with color and symbol options.

```markdown
{% checkbox color:green checked:true 绿色已完成 %}
```

```markdown
{% checkbox color:red symbol:times 已取消的任务 %}
```

--------------------------------

### YouTube Video Embed

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Embed YouTube videos by providing the video ID.

```markdown
{% video youtube:dQw4w9WgXcQ %}
```

--------------------------------

### Link Card Tag with Custom Icon

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Specify a custom icon for the link card using the icon parameter.

```markdown
{% link https://example.com 示例网站 icon:https://example.com/favicon.ico %}
```

--------------------------------

### Hashtag Tag with Color

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Style hashtag labels with different colors.

```markdown
{% hashtag color:red 紧急 /urgent %}
```

```markdown
{% hashtag color:green 已完成 /done %}
```

```markdown
{% hashtag color:blue 技术 /tech %}
```

```markdown
{% hashtag color:purple 设计 /design %}
```

--------------------------------

### Full Width Swiper

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Implement a full-width image carousel using the swiper tag.

```markdown
{% swiper width:100% %}
![](https://example.com/banner1.jpg)
![](https://example.com/banner2.jpg)
![](https://example.com/banner3.jpg)
{% endswiper %}
```

--------------------------------

### Radio Button with Color

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Style radio buttons with different colors, such as cyan.

```markdown
{% radio color:cyan 选项 C %}
```

--------------------------------

### Link Card Tag with Custom Title

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Customize the title displayed on the link card.

```markdown
{% link https://github.com/xaoxuu/hexo-theme-stellar Stellar主题仓库 %}
```

--------------------------------

### Swiper with Cards Effect

Source: https://context7.com/xaoxuu/hexo-theme-stellar/llms.txt

Create an image carousel with a 'cards' effect, suitable for multiple images.

```markdown
{% swiper width:max effect:cards %}
![图片1](https://example.com/slide1.jpg)
![图片2](https://example.com/slide2.jpg)
![图片3](https://example.com/slide3.jpg)
![图片4](https://example.com/slide4.jpg)
{% endswiper %}
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.