添加 Hlink;ReadMe 界面焕然一新!

This commit is contained in:
xushier committed 2022-11-25 00:31:50 +08:00
1 parent 630c40278e
commit 2e079d2d79
4 files changed
+179 -108

No files matched your search

+62 -108
View File
@@ -1,117 +1,71 @@
# 高清图标(当前共计 280 个)
<p align="center">
<h3 align = "center" > 高清仪表盘图标 </h3>
<p align="center">
<a href="https://www.jsdelivr.com/package/gh/xushier/HD-Icons">
<img src="https://data.jsdelivr.com/v1/package/gh/xushier/HD-Icons/badge?style=rounded"/>
</a>
</p>
- 初衷是为了用于`Unraid Docker`容器使用,当然,任何需要的地方也都可以用。
- 分辨率为 `1024x1024`。
- `circle` 文件夹包含圆形图标,`border-radius` 文件夹包含圆角矩形图标。
- **有需要的图标可以加微信或者 QQ 群或者发`Issues`,如果有能力做的就会添加。**
- 所有图标都已经过**无损压缩**处理。
<p align="center">
1024x1024 分辨率,已经过无损压缩处理。
<br/>
<a href="#图标预览"> <strong > 已有图标预览 »</strong> </a>
<a href="issues/new/choose"> <strong > 请求新图标 »</strong> </a>
<br/>
<br/>
</p>
## **B站:煦诗儿 [传送门](https://space.bilibili.com/32313260)**
## **公众号:小迪同学**
## **QQ群:647605169 微信群:dxyxddsbds,备注加群**
# 目录
- [项目说明](#项目说明)
- [使用方法](#使用方法)
- [图标预览](#图标预览)
- [声明](#声明)
<!-- GETTING STARTED -->
# 项目说明
- 本项目建立初衷是为了用于 `Unraid Docker` 容器使用,当然,任何需要的地方也都可以用。
- 图标分辨率为 `1024x1024`。所有图标都已经过 **无损压缩** 处理。
- 图标主体适当放大,Unraid 系统上看起来更加明确。
- `border-radius` 文件夹包含圆角矩形图标,`circle` 文件夹包含圆形图标。
- 下面是几个常见的仪表盘程序,其中添加的链接可使用该项目图标。
- [Dashy](https://github.com/Lissy93/dashy)
- [Homer Dashboard](https://github.com/bastienwirtz/homer)
- [Heimdall](https://github.com/linuxserver/Heimdall)
- [Organizr(v2)](https://github.com/causefx/Organizr)
- [Flame](https://github.com/pawelmalak/flame)
- [SUI](https://github.com/jeroenpardon/sui)
- **需要使用新图标可以加微信、加 QQ 群或者发 `Issues` 申请,如果有能力做的就会添加。**<a href="issues/new/choose"> <strong > 请求新图标 »</strong></a>
- B站:煦诗儿<a href="https://space.bilibili.com/32313260"> <strong >前往 B 站 »</strong></a>
- 公众号:小迪同学
- QQ群:647605169
- 微信群:dxyxddsbds,备注加群
# 使用方法
## 使用 Github 链接
- 直接复制图标链接地址粘贴即可。
- 使用代理加速服务,如 `ghproxy.com`,使用时将图片地址前加上 `https://ghproxy.com/` 即可。如 `https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Overseerr.png` 或 `https://ghproxy.com/raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Overseerr.png`
- ~~若访问不了 github,可以使用镜像地址,如 `raw.fastgit.org`,使用时将图片地址的 `raw.githubusercontent.com` 替换为 `raw.fastgit.org` 即可。~~
## 使用在线链接(后续更新不影响在线链接,推荐使用)
- 使用 Github 原始的图标链接,适用于墙外环境。例如:`https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/xxxxx.png`
- 使用代理加速地址,适用于墙内环境。例如:`https://ghproxy.com/raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/xxxxx.png`,又或者`https://cdn.jsdelivr.net/gh/xushier/HD-Icons/border-radius/xxxxx.png`
- 将以上地址最后的 xxxxx 换成对应的图标名称即可。<a href="#图标预览"><strong>图标名称预览在此 »</strong></a>
## 使用本地链接(后续更新不同步到本地,不推荐使用)
将图片下载到本地,使用本地链接调用。例如,图标文件在 `/mnt/user/appdata/icons` 下,则图标地址填写 `/mnt/user/appdata/icons/xxxxx.png` 或者 `http://127.0.0.1/mnt/user/appdata/icons/xxxxx.png`,将 xxxxx 换成对应的图标名称即可,<a href="#图标预览"><strong>图标名称预览在此 »</strong></a>
## 使用本地链接
将图片下载到本地,使用本地链接调用即可。例如,图标文件在`/mnt/user/appdata/icons`下,则图标地址填写`/mnt/user/appdata/icons/xxx.png`或者`http://127.0.0.1/mnt/user/appdata/icons/xxx.png`。
# 图标预览(当前共计 283 个)
## 圆角矩形图标
<!-- START BORDER-RADIUS ICONS -->
<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/163music_A.png" alt="163music_A" /><br/>163music_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/163music_B.png" alt="163music_B" /><br/>163music_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/189drive_A.png" alt="189drive_A" /><br/>189drive_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Adguard_A.png" alt="Adguard_A" /><br/>Adguard_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Adguard_B.png" alt="Adguard_B" /><br/>Adguard_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/AliDrive.png" alt="AliDrive" /><br/>AliDrive</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Alist.png" alt="Alist" /><br/>Alist</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Amule.png" alt="Amule" /><br/>Amule</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Apache_A.png" alt="Apache_A" /><br/>Apache_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Apache_B.png" alt="Apache_B" /><br/>Apache_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Apache_C.png" alt="Apache_C" /><br/>Apache_C</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Apache_D.png" alt="Apache_D" /><br/>Apache_D</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Arch_A.png" alt="Arch_A" /><br/>Arch_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Arch_B.png" alt="Arch_B" /><br/>Arch_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/AriaNgNative_A.png" alt="AriaNgNative_A" /><br/>AriaNgNative_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/AriaNgNative_B.png" alt="AriaNgNative_B" /><br/>AriaNgNative_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/BaiduNetdisk.png" alt="BaiduNetdisk" /><br/>BaiduNetdisk</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Bark.png" alt="Bark" /><br/>Bark</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Bilibili_A.png" alt="Bilibili_A" /><br/>Bilibili_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Bilibili_B.png" alt="Bilibili_B" /><br/>Bilibili_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/Bilibili_C.png" alt="Bilibili_C" /><br/>Bilibili_C</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 25px;" src="border-radius/BilibiliLine truncated
<!-- END BORDER-RADIUS ICONS -->
# 图标清单
## 圆形图标
<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/AriaNg.png" alt="AriaNg" /><br/>AriaNg</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Bazarr.png" alt="Bazarr" /><br/>Bazarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Caddy.png" alt="Caddy" /><br/>Caddy</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Cloudflare_A.png" alt="Cloudflare_A" /><br/>Cloudflare_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Cloudflare_B.png" alt="Cloudflare_B" /><br/>Cloudflare_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Compressarr.png" alt="Compressarr" /><br/>Compressarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/DDNS.png" alt="DDNS" /><br/>DDNS</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Docker.png" alt="Docker" /><br/>Docker</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/FileBrowser.png" alt="FileBrowser" /><br/>FileBrowser</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Flood_A.png" alt="Flood_A" /><br/>Flood_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Flood_B.png" alt="Flood_B" /><br/>Flood_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/FreshRSS.png" alt="FreshRSS" /><br/>FreshRSS</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/IYUU.png" alt="IYUU" /><br/>IYUU</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Jellyseerr.png" alt="Jellyseerr" /><br/>Jellyseerr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Lidarr.png" alt="Lidarr" /><br/>Lidarr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Minio.png" alt="Minio" /><br/>Minio</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Navidrome.png" alt="Navidrome" /><br/>Navidrome</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Ombi.png" alt="Ombi" /><br/>Ombi</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Overseerr.png" alt="Overseerr" /><br/>Overseerr</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Photoprism_A.png" alt="Photoprism_A" /><br/>Photoprism_A</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Photoprism_B.png" alt="Photoprism_B" /><br/>Photoprism_B</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50px;" src="circle/Photoprism_C.png" alt="Photoprism_C" /><br/>Photoprism_C</div> <div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: 50pLine truncated
<!-- END CIRCLE ICONS -->
<!-- LEGAL -->
# 声明
(Almost) All product names, trademarks and registered trademarks in the images in this repository, are property of their respective owners. All images in this repository are used by the users of the Dashboard Icons project for identification purposes only.
The use of these names, trademarks and brands appearing in these image files, do not imply endorsement.
|图标名称|数量|图标名称|数量|图标名称|数量|图标名称|数量|
|:--:|:--:|:--:|:--:|:--:|:--:|:--:|:--:|
|网易云音乐|1|天翼云盘|1|阿里云盘|1|Alist|1|
|Aria2 NG|3|百度网盘|1|Bark|1|Bitwarden|1|
|Calibre|1|Chrome|1|Docker|2|Draw.io|1|
|EmbyTheater|1|EpicGames|1|FileBrowser|2|FreshRSS|3|
|Heimdall|4|IYUU|2|Jellyfin|2|可道云|1|
|Koodo Reader|1|Kutt|1|Lomorage|1|MariaDB|2|
|MediaElch|1|Memcached|1|MySQL|2|Nginx Proxy Manager|4|
|NaviDrome|2|Nginx|2|Nut|1|PhpMyAdmin|2|
|PTHelper|4|Planka|1|Plex|2|Portainer|2|
|Qbittorrent|3|签到框架|1|青龙面板|3|Redis|1|
|Rocket.Chat|1|ShadowSocks|1|ShadowSocksR|1|Syncthing|3|
|TinyMediaManager|1|Traefik|2|Transmission|2|UnlockMusic|2|
|Unraid|3|VNC|1|VSCode|1|Vertex|2|
|微力同步|3|Wallabag|4|WhiteBophir|1|Webdav|2|
|Wekan|2|WireGuard|2|为知笔记|2|ZeroTier|1|
|Dim|2|Excalidraw|2|爱快|2|Komga|2|
|Lskypro|1|Pushplus|1|Rclone|2|RcloneBrowser|1|
|Remotely|1|贴吧|1|企业微信|1|Chevereto|1|
|YesPlayMusic|1|Amule|1|Bilibili|5|MovieRobot|2|
|Snap2Html|1|ThemeEngine|1|Overseerr|2|Jellyseerr|2|
|OpenWRT|2|Halo|6|Miniflux|1|PostgreSQL|2|
|Bazarr|1|Caddy|1|Flood|4|Lidarr|2|
|Jackett|1|Ombi|3|Radarr|0|Prowlarr|2|
|Readarr|2|Requestrr|0|Sonarr|1|Sabnzbd|0|
|Stash|0|Tautulli|2|Whisparr|1|Cloudflare|4|
|Linkace|2|Neko|1|V2ray|2|易有云|1|
|MT-Photos|1|Rustdesk|1|V2raya|2|NasTools|1|
|Flexget|1|Minio|5|Adguard|2|Ombi|3|
|TailScale|1|YouTube-dl|6|DDNS|2|Clash|1|
|迅雷|1|Compressarr|1|PhotoStructure|6|PhotoPrism|9|
|NodeRed|2|思源笔记|1|ZigbeeMQTT|1|TasmoAdmin|1|
|Tasmota|2|HomeAssistant|3|Joplin|2|OnlyOffice|2|
|PhotoView|2|Unbalance|1|ProxmoxVE|5|RssHub|1|
|SpeedTest|2|Linux|0|Windows 10|0|Windows 11|0|
|Windows 7|0|Windows XP|0|MacOS|0|Ubuntu|4|
|CentOS|2|Deepin|1|Arch|2|Opensuse|0|
|Debian|2|Android|0|Mint|0|Redhat|1|
|网心云|2|FRP|1|Synology|2|DSVideo|1|
|Synology Moments|1|Synology Photos|1|Synology Drive|1|Casaos|1|
|Freenom|2|Immich|1|Iobroker|1|Prometheus|2|
|Mosquitto|2|Apache|4|Netdata|2|-|-|
# 最近更新
![Redhat](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Redhat_A.png)
![Netdata](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Netdata_B.png)
![Deepin](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Deepin_A.png)
![Apache](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Apache_A.png)
![Apache](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Apache_D.png)
![Mosquitto](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Mosquitto_B.png)
![Prometheus](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Prometheus_A.png)
![Arch](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Arch_A.png)
![Ubuntu](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Ubuntu_A.png)
![Ubuntu](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Ubuntu_B.png)
![Centos](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Centos_A.png)
![Freenom](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Freenom_A.png)
![Iobroker](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Iobroker_A.png)
![Immich](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Immich_A.png)
![Debian](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Debian_A.png)
![Casaos](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Casaos_A.png)
![Synology](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Synology_A.png)
![Synology Moments](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Synomoments_A.png)
![Synology Photos](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Synophotos_A.png)
![DSVideo](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/DSvideo_A.png)
![FRP](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/FRP_A.png)
![网心云](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Wangxinyun_A.png)
![Qinglong](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Qinglong_A.png)
![易有云](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Linkease_A.png)
![Qinglong](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Qinglong_B.png)
![PVE](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/PVE_C.png)
![RssHub](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Rsshub_A.png)
![Cloudflare](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Cloudflare_B.png)
![Neko](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Neko_A.png)
![ZigbeeMQTT](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/ZigbeeMQTT.png)
![Siyuan](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Siyuan_A.png)
![HomeAssistant](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/HA_B.png)
![NodeRed_B](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/NodeRed_A.png)
![NodeRed_B](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/NodeRed_B.png)
![MT-Photos](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Mtphotos_A.png)
![HomeAssistant](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/HA_A.png)
![HomeAssistant](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/HA_C.png)
![Jackett](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Jackett_A.png)
![Flood](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Flood_A.png)
![Ombi](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Ombi_A.png)
![迅雷](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Xunlei_A.png)
![DDNS](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/DDNS_A.png)
![TailScale](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Tailscale.png)
![Adguard](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Adguard_B.png)
![Minio](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Minio_B.png)
![Jellyseerr](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Jellyseerr.png)
![Openwrt](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Openwrt_B.png)
![Overseerr](https://ghproxy.com/https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/Overseerr.png)
+71
View File
@@ -0,0 +1,71 @@
<p align="center">
<h3 align = "center" > 高清仪表盘图标 </h3>
<p align="center">
<a href="https://www.jsdelivr.com/package/gh/xushier/HD-Icons">
<img src="https://data.jsdelivr.com/v1/package/gh/xushier/HD-Icons/badge?style=rounded"/>
</a>
</p>
<p align="center">
1024x1024 分辨率,已经过无损压缩处理。
<br/>
<a href="#图标预览"> <strong > 已有图标预览 »</strong> </a>
<a href="issues/new/choose"> <strong > 请求新图标 »</strong> </a>
<br/>
<br/>
</p>
# 目录
- [项目说明](#项目说明)
- [使用方法](#使用方法)
- [图标预览](#图标预览)
- [声明](#声明)
<!-- GETTING STARTED -->
# 项目说明
- 本项目建立初衷是为了用于 `Unraid Docker` 容器使用,当然,任何需要的地方也都可以用。
- 图标分辨率为 `1024x1024`。所有图标都已经过 **无损压缩** 处理。
- 图标主体适当放大,Unraid 系统上看起来更加明确。
- `border-radius` 文件夹包含圆角矩形图标,`circle` 文件夹包含圆形图标。
- 下面是几个常见的仪表盘程序,其中添加的链接可使用该项目图标。
- [Dashy](https://github.com/Lissy93/dashy)
- [Homer Dashboard](https://github.com/bastienwirtz/homer)
- [Heimdall](https://github.com/linuxserver/Heimdall)
- [Organizr(v2)](https://github.com/causefx/Organizr)
- [Flame](https://github.com/pawelmalak/flame)
- [SUI](https://github.com/jeroenpardon/sui)
- **需要使用新图标可以加微信、加 QQ 群或者发 `Issues` 申请,如果有能力做的就会添加。**<a href="issues/new/choose"> <strong > 请求新图标 »</strong></a>
- B站:煦诗儿<a href="https://space.bilibili.com/32313260"> <strong >前往 B 站 »</strong></a>
- 公众号:小迪同学
- QQ群:647605169
- 微信群:dxyxddsbds,备注加群
# 使用方法
## 使用在线链接(后续更新不影响在线链接,推荐使用)
- 使用 Github 原始的图标链接,适用于墙外环境。例如:`https://raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/xxxxx.png`
- 使用代理加速地址,适用于墙内环境。例如:`https://ghproxy.com/raw.githubusercontent.com/xushier/HD-Icons/main/border-radius/xxxxx.png`,又或者`https://cdn.jsdelivr.net/gh/xushier/HD-Icons/border-radius/xxxxx.png`
- 将以上地址最后的 xxxxx 换成对应的图标名称即可。<a href="#图标预览"><strong>图标名称预览在此 »</strong></a>
## 使用本地链接(后续更新不同步到本地,不推荐使用)
将图片下载到本地,使用本地链接调用。例如,图标文件在 `/mnt/user/appdata/icons` 下,则图标地址填写 `/mnt/user/appdata/icons/xxxxx.png` 或者 `http://127.0.0.1/mnt/user/appdata/icons/xxxxx.png`,将 xxxxx 换成对应的图标名称即可,<a href="#图标预览"><strong>图标名称预览在此 »</strong></a>
# 图标预览(当前共计 0 个)
## 圆角矩形图标
<!-- START BORDER-RADIUS ICONS -->
<!-- END BORDER-RADIUS ICONS -->
## 圆形图标
<!-- START CIRCLE ICONS -->
<!-- END CIRCLE ICONS -->
<!-- LEGAL -->
# 声明
(Almost) All product names, trademarks and registered trademarks in the images in this repository, are property of their respective owners. All images in this repository are used by the users of the Dashboard Icons project for identification purposes only.
The use of these names, trademarks and brands appearing in these image files, do not imply endorsement.
+46
View File
@@ -0,0 +1,46 @@
import pathlib
from pathlib import Path
root = pathlib.Path(__file__).parent.resolve()
template_path = root / "_TEMPLATE.md"
readme_path = root / "README.md"
def generate_img_tag(file,folder,radius):
return f'<div style="width: 105px;text-align: center;display: inline-block;font-size: 12px;margin: 5px;"><img style="border: 1.5px dashed white;border-radius: {radius};" src="{folder}/{file.name}" alt="{file.stem}" /><br/>{file.stem}</div>'
imgs = sorted(Path("./border-radius").glob("*.png"))
img_tags = [generate_img_tag(x,"border-radius","25px") for x in imgs]
circle_imgs = sorted(Path("./circle").glob("*.png"))
circle_img_tags = [generate_img_tag(x,"circle","50px") for x in circle_imgs]
line_number = 0
all_nums = len(img_tags) + len(circle_img_tags)
# Read the template file
with open(template_path, "r", encoding="UTF-8") as f:
lines = f.readlines()
# Find the line that starts with "<!-- ICONS -->"
for line in lines:
if line.startswith("<!-- START BORDER-RADIUS ICONS -->"):
line_number = lines.index(line)
break
for line in lines:
if line.startswith("<!-- START CIRCLE ICONS -->"):
circle_line_number = lines.index(line)
break
# Insert the icons after the line
lines.insert(line_number + 1, " ".join(img_tags))
lines.insert(circle_line_number + 1, " ".join(circle_img_tags))
lines = ["# 图标预览(当前共计 " + str(all_nums) + " 个)" if '# 图标预览(当前共计 0 个)' in i else i for i in lines]
# Write the new file
with open(readme_path, "w", encoding="UTF-8") as f:
f.write("".join(lines))
f.write("\n")
print("Done!")
print("Please commit the new README.md file.")
Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB