前言

• 原作者github:https://github.com/Siriling/my-icons

• fork地址后续可能更新没有的图标:https://github.com/2226561507/my-icons

• My Icon配合Sun-Panle导航页使用起来非常的方便,开始搭建。

• 我们要用到Nginx以及My Icon

搭建流程

先去github下载dist文件夹,下载完去群晖docker文件夹内创建nginx把dist文件夹放入其中 右键nginx属性权限新增eve所有人 勾选读写以及应用其他子文件夹即可

然后群晖docker 填写docker-compose即可 volumes填写自己的，如果跟我一样直接拉取 端口可以随便改

services:
    nginx:
        container_name: some-nginx
        ports:
           - 8999:80
        volumes:
            - /volume1/docker/nginx/dist:/usr/share/nginx/html:ro
        image: nginx

打开浏览器输入 IP+8999 即可

新增图标

图片转换:https://www.xunjietupian.com/image-to-png

找图标网址:https://pipuwong.com/en/free-icons-for-self-hosted

为了稳定性还是变为自己的比较好

图片必须png 不是可以尝试改为png 无效在进这个网站转换

将图标放入icon文件夹

修改db.json

修改格式如下 sort 分几种 你看例子写 比如 vms docker 等 最好创建一个txt 里面写你增加哪些图标

  {
    "name": "aaPanel",
    "sort": "vms",
    "course": ""
  },
  {
    "name": "Moviepilot-A",
    "sort": "docker",
    "course": ""
  },
  {
    "name": "Moviepilot-B",
    "sort": "docker",
    "course": ""
  }