前言
在日常的工作和项目开发中，我们往往需要管理大量的图片资源，图床是一种常见的解决方案。然而，当我们需要管理的是图标资源时，图床未必能够提供最佳的支持。图标通常具有小尺寸、高效的加载需求，并且在不同项目中有着不同的使用场景。本期推荐的项目，正是为了帮助大家高效管理和部署自用的图标库。通过在飞牛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地址
https://github.com/xushier/HD-Icons
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
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
欢迎关注我们的微信公众号！
评论区