多级导航网页设计 第1篇
卡片网格导航设计
这是一个用于移动和网站导航的UI菜单。它以图形的形式呈现在页面上。这些图形分为可折叠和可扩展块，可视化程度高，用户可以轻松集成相关元素和可视化主题。此外，菜单在许多流行的网站和网页设计中也很受欢迎。
即时设计还具有实时在线合作、交付、多功能文件导入、全球风格自动布局、团队合作等功能，有效解决了团队沟通困难、设计效率低、资源管理混乱等痛点。如果你是一个零基础的新手，即时设计社区有大量的设计资源、原型模板和材料，本地化的字体资源，帮助你一键开始敏捷高效的工作。
多级导航网页设计 第2篇
官方的Widget中提到未来可能会有Prometheus相关Widgets，也可能会有API Response，可惜当前都没支持。
但正如前文所说，iframe已经提供了很多可能性了。
术业有专攻，如果你想找个Widget实现各种类型的探测，你仔细看后发现只有简单的一些http探测，想DNS，ping等都是比较困难的，但这事uptime-kuma就很擅长呀：） 见下图：
我个人用它监控几年了，感觉UI和功能都还不错。我们可以将它整合到你的Dashboard来，可以一目了然的看到关键信息。为此我们可以为dashy定制一个状态页面，隐藏掉一些标题或不必要的内容，让内嵌页面呈现比较干净。可以在定制页面时，在“自定义CSS”中设置如下：
具体要隐藏哪些组件，可以借助浏览器的开发者工具，查看到相关不想要的地方的css，将其display: none;即可。会看到类似这样比较干净的页面:
然后我们就可以尝试在dashy中通过iframe引用它了。
结果你发现还是不行，内嵌的页面中提示“连接拒绝”。查看这里可以看到：
By default, Uptime Kuma is not allowed in iframe if the domain name is not the same as the parent. It protects your Uptime Kuma to be a phishing website. If you don't need this protection, you can set it to true.
只要给你的uptime-kuma添加环境变量，类似如下：
这样即可正确的将uptime-kuma集成进去啦。
Dashy有不少widgets基于glances，glances是一个很棒的资源监控面版，它还有一个web UI。在Ubuntu中应该借助包管理器安装即可，如果你想监控你的群晖等类似系统，也可以借助容器来部署glances服务。可以参考这篇文章[9]：
然后你就可以使用这些组件：
作为一个非常通用的标准，整合grafana是一个很有用的场景。为了将grafana中的视图整合进来，我们要解决两个问题。一个是类似uptime-kuma一样的，默认都是不允许embed的，需要设置GF_SECURITY_ALLOW_EMBEDDING为true才可以。同时，一般情况下我们grafana会要求鉴权，我们要设置可匿名访问。这块修改的目标是里的一些设置。如果你和我一样是使用helm部署prometheus和grafana的话，以下是参考的几个配置：
多级导航网页设计 第3篇
homepage:
heimdall:
flare:
dashy: https:///
官方文档: https:///docs/
Simple Icons: https:///?q=qna
Home-Lab Icons:
这里:
这篇文章: https:///how-to-install-glances-on-your-synology-nas/
[SHOWCASE] Dipan's Dash #777:
来自： 风声之家 > 《seo、搜索》
0条评论
发表
请遵守用户 评论公约
昔日教人类用火的prometheus，如今在努力报警