Skip to content

Store zh CN

老王杂谈说 edited this page Jul 21, 2026 · 1 revision

🇨🇳 中文 | 🇺🇸 English

Home · Troubleshooting · Changelog


皮肤商店

内置皮肤商店让你可以直接从卡片编辑器下载和安装社区皮肤。


工作原理

  1. 浏览 — 打开卡片编辑器 → 点击商店按钮(购物车图标)
  2. 下载 — 点击任意皮肤上的下载按钮
  3. 安装 — 卡片从 CDN 获取皮肤包并通过 skins-pro-hass 集成进行安装
  4. 应用 — 从卡片编辑器的皮肤下拉菜单选择已下载的皮肤

前置条件

必需:skins-pro-hass 集成

皮肤商店需要配套集成:

  1. 通过 HACS 安装:将 https://github.com/ha-china/skins-pro-hass 添加为自定义仓库(类别:Integration)
  2. 或手动将 skins-pro-hass/custom_components/skins_pro_hass/ 复制到你的 HA custom_components/ 文件夹
  3. 重启 Home Assistant

如果你只使用内置的 modern 皮肤,则不需要该集成。商店仅用于下载额外的皮肤。

网络访问

你的 HA 实例需要互联网访问才能连接到托管皮肤包的 CDN。


手动安装

如果商店无法使用(网络限制、没有集成等),你可以手动安装皮肤:

  1. 获取皮肤文件 — 以下方式任选:

    • 克隆 skin-assets 分支:git clone -b skin-assets https://github.com/ha-china/Skins-Pro.git
    • 或从社区成员的仓库下载
  2. 复制到 HA:

    <HA 配置>/www/skins-pro/<皮肤名称>/
      ├── theme.css
      ├── strings.json
      ├── avatar.jpg
      ├── background.jpg
      ├── room-*.jpg
      ├── icon-*.jpg
      └── ...(皮肤目录中的所有文件)
    
  3. 注册皮肤 — 在卡片编辑器中,将皮肤名称添加到 downloaded_skins

    "downloaded_skins": ["<皮肤名称>"]
  4. 选择 — 皮肤现在出现在皮肤下拉菜单中。选择它并强制刷新。


皮肤商店机制

CDN 托管

皮肤包由 CI 流水线构建并上传到 CDN。每个皮肤包包含:

  • 编译后的 CSS(theme.css
  • 处理后的图片(已调整大小、压缩)
  • 元数据(strings.json

版本管理

商店中的每个皮肤在其 strings.json 中都有一个 version 字段。当新版本可用时,商店会显示"新版本"徽章。更新会被下载并替换旧版本。

社区提交

社区皮肤通过 PR 提交。合并后,CI 会:

  1. 构建皮肤(处理图片、生成 CSS)
  2. 将包上传到 CDN
  3. 使其在商店中可用

提交指南见贡献皮肤


可用皮肤

商店提供 60+ 个社区创建的皮肤(除内置的 modern 皮肤外)。点击缩略图查看完整预览。

🎮 游戏与动漫

皮肤 预览
animal-crossing 缩略图
black-myth-wukong 缩略图
cs-go 缩略图
deltaforce 缩略图
dota-2 缩略图
genshin 缩略图
golden-spatula 缩略图
gta-6 缩略图
gundam 缩略图
hearthstone 缩略图
honor-of-kings 缩略图
league-of-legends 缩略图
legend-of-zelda 缩略图
maplestory 缩略图
need-for-speed 缩略图
plants-vs-zombies 缩略图
pocket-monsters 缩略图
spirited-away 缩略图
stardew-valley 缩略图
street-fighter-6 缩略图
teyvat-assets 缩略图
tom-and-jerry 缩略图
ultraman 缩略图
valorant 缩略图
wall-e 缩略图
witcher-3 缩略图
world-cup-championship-night 缩略图

🎨 艺术与设计

皮肤 预览
blue-and-white-porcelain 缩略图
chinese-ink-wash-painting 缩略图
oil-painting-classic 缩略图
paper-ink-morning 缩略图
starry-night 缩略图
xuan-bamboo-shadow 缩略图

🏠 智能家居与简约

皮肤 预览
free-layout 缩略图
glass-smart-home 缩略图
ios-27-light 缩略图
plush-3d 缩略图
prism-tide 缩略图
quiet-luxury 缩略图
red-smart-home 缩略图
retro-luxury 缩略图
smarto-minimal 缩略图
soft-home 缩略图
suzhou-moon-garden 缩略图
warm-glass 缩略图

🎬 电影与电视

皮肤 预览
chinese-odyssey-cinderella 缩略图
chinese-odyssey-pandora 缩略图
fantasy-westward-journey 缩略图
farewell-my-concubine 缩略图
forrest-gump 缩略图
hongse-youhuo 缩略图
iron-man 缩略图
nezha-demon-child 缩略图
peacekeeper-elite 缩略图
resident-evil 缩略图
romance-three-kingdoms 缩略图

🌙 深色与氛围

皮肤 预览
amblyopia-dark 缩略图
claude-quiet 缩略图
grok 缩略图
red-dead-redemption-2 缩略图

🎲 卡牌与桌游

皮肤 预览
doudizhu 缩略图
happy-match 缩略图

Clone this wiki locally