安卿辰博客前言
在日常工作与项目开发过程中，我们经常需要管理大量的图片资源，图床是一种常见的解决方案。不过，如果需要管理的是图标资源，图床可能无法提供最佳的支持。图标通常具备小巧的尺寸、高效的加载需求，并在不同项目中有着多样化的应用场景。本期推荐的项目，正是为了帮助大家高效管理和部署自用的图标库。通过在飞牛NAS或VPS上部署，你可以轻松管理、查找和调用各类图标资源，从而提高工作效率，同时确保图标的可访问性和可维护性。
有关截图
主界面
圆角图标
圆形图标
矢量图
自定义图标
移动端自适应
默认提供了1500多个图标，足以满足基本需求
如果不够，可以自行添加自定义图标
使用场景
1.FlatNas导航
2.飞牛桌面管理工具
摆放在桌面上
以及其他类似的场景
项目简介
高清仪表盘图标（分辨率为1024x1024）
1.本项目最初是为Unraid Docker容器使用而创建的，当然，任何有需求的场景也都可以应用。
2.图标分辨率为1024x1024。所有图标均经过了无损压缩处理。
3.图标主体被适当放大，使得在Unraid系统上图标主体更加突出。4.border-radius文件夹包含圆角矩形图标，circle文件夹包含圆形图标。
部署方法
使用Docker安装
本教程采用docker方式进行安装部署，操作简单方便
准备条件
1）一台服务器
我们使用莱卡云VPS和飞牛云NAS进行演示
如果需要VPS，可以查看以下信息配置，并参考资源占用情况
莱卡云官网
本期docker容器占用资源情况如下，仅供参考，内存占用约为150M
2）本项目使用到的项目
本教程使用的官方GitHub地址
3）域名(可选)
根据自身需求绑定
① VPS部署
一、Docker环境部署
在VPS上安装Docker和Docker-Compose
Docker官方安装文档（英文）
https://duan.yyzq.eu.org/docker-001
Docker-Compose官方安装文档（英文）
https://duan.yyzq.eu.org/docker-002
Centos安装Docker和Docker-Compose（中文）
https://duan.yyzq.eu.org//03
Ubuntu安装Docker和Docker-Compose（中文）
https://duan.yyzq.eu.org//04
推荐直接使用一键脚本
Docker安装脚本
bash <(curl -sSL https://cdn.jsdelivr.net/gh/SuperManito/LinuxMirrors@main/DockerInstallation.sh)
Docker-Compose安装脚本
curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose && chmod +x /usr/local/bin/docker-compose
二、部署命令
登录服务器，使用root账户执行以下步骤
Docker-Compose命令
创建一个目录，并进入该目录
mkdir hd-icons ;cd hd-icons
再创建一个目录并进入
mkdir icons ; cd icons
下载官方默认图标（这一步需要能够访问GitHub）
git clone https://github.com/xushier/HD-Icons
下载好默认图标后，返回上一层目录
cd ..
然后新建docker-compose.yml文件
vim docker-compose.yml
services:
hd-icons:
image: xushier/hd-icons:latest # 镜像名称
container_name: HD-Icons # 容器名称
ports:
- 50560:50560 # 端口映射
volumes:
- ./icons:/app/icons # 映射图标文件夹
environment:
- TITLE=我的图标库 #自定义标题，不填默认为“小迪的图标库”
restart: always # 容器始终重启
三、执行容器运行命令
docker-compose up -d #运行容器
docker-compose ps #查看是否启动成功
正常启动后如下所示
docker-compose ps
NAME IMAGE COMMAND SERVICE CREATED STATUS PORTS
HD-Icons xushier/hd-icons:latest "gunicorn --bind 0.0…" hd-icons 30 minutes ago Up 30 minutes 0.0.0.0:50560->50560/tcp, [::]:50560->50560/tcp
四、Web界面
打开Web页面进行使用
成功之后，需要打开相应的端口（50560）防火墙设置，即可通过Web端访问
主界面
http://ip:50560
直接使用IP地址加端口号即可
已知Bug
由于目前没有用户管理权限，任何用户都可以删除自定义图标，这一点还存在问题，期待作者后续修复
②飞牛云NAS部署
我们直接复制以上VPS的Compose配置，参考VPS步骤即可
启动成功
绑定域名
在VPS上建议绑定域名，以方便公网使用
绑定域名的教程请参考以下内容
绑定域名视频教程
B站
YouTube
绑定域名可以参考
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch
如有任何问题，可以直接留言或咨询我
如有任何问题，可以直接留言或咨询我
如有任何问题，可以直接留言或咨询我
欢迎关注我们的微信公众号！
