适用于Hydro的卡片模糊与自定义背景插件
将本仓库clone到/root/.hydro/addons
目录下,此时目录结构如下:
/root/.hydro/addons
├── Hydro-Acrylic
│ ├── frontend
│ │ └── nav-full.page.ts
│ ├── package.json
│ └── ...
├── ...
进入仓库目录,运行:
yarn
后运行:
hydrooj addon add /root/.hydro/addons/Hydro-Acrylic
即安装完毕。
安装后请重启Hydro以生效:
pm2 restart hydrooj
在frontend
目录下找到nav-full.page.ts
,在第9行可填写url,格式如下:
background-image: url("你的图片URL");
若要使用Base64格式存储图像以获得更好的使用体验,请更改为:
background-image: url("data:image/png;base64,Base64数据");
Base64更改图片格式时须更改data:image/
后的格式名。具体格式请自行百度CSS background-image格式。