Power Users/Automators 折腾/讨论/分享各种开源工具/脚本/自动化工作流👥 @zhetengsha_group📌 合集 https://t.me/zhetengsha/2🎁 恰饭 https://t.me/zhetengsha/957📢 广告投放 @xream @xream_botBuy ads: https://telega.io/c/zhetengshafeedId:55438372655431680+userId:62307599601855488http://telegram.zhetengsha.eu.orghttp://telegram.zhetengsha.eu.org/posts/2727http://telegram.zhetengsha.eu.org/posts/2727Fri, 21 Mar 2025 01:02:36 GMT<div class="image-list-container image-list-even"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-2727-0" popovertargetaction="show" aria-label="Open image preview: Kuma Mieru: 第三方 Uptime Kuma 监控仪表盘本项目尝试使用 Recharts + Next.js 解决 Uptime Kuma 公开监控页面不够直观、没有延迟图表的缺点"> <img src="/static/https://cdn5.telesco.pe/file/ahViXxxmughUUZje__xD8uNJk8qXzRw6MJnw573iL1Tol7OstgsO6aqKnuIFdzzXMaAocmVB7qdTr9BMch-ZNmtWv6MnH8HYZAUltOxoR_aVhON_mMM5ut3IYWpQQLrFGENo60OcI0Gx0gMSb4A5ZBiMiHGqMPNT2ofH980cmuUWIcJ4JvTm9hq0_x-mX-zepcou2o6KLOse1QDfUyl20GypiCp4c84xu_RfHIUxAwMHqPfd6sPChqOXSVwqlfx9qzPMMwE3FF10fb1aW8Y9rHiJMgamRJHIAx88tWun9yV9hUBloPJichMRFcE6YgK6OSmR4Eq1IoDH52GtcbeTqg.jpg" alt="Kuma Mieru: 第三方 Uptime Kuma 监控仪表盘本项目尝试使用 Recharts + Next.js 解决 Uptime Kuma 公开监控页面不够直观、没有延迟图表的缺点" width="453" height="218" loading="eager" /> </button> <div class="modal" id="modal-2727-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-2727-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-2727-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-2727-1" popovertargetaction="show" aria-label="Open image preview: Kuma Mieru: 第三方 Uptime Kuma 监控仪表盘本项目尝试使用 Recharts + Next.js 解决 Uptime Kuma 公开监控页面不够直观、没有延迟图表的缺点"> <img src="/static/https://cdn5.telesco.pe/file/LLMLJ8VADb__ftKGJyVgXlscT1HepzAxYE8C8D-lzllJwhR_BJjBJHEw-1zfnT6E00QUlXbYmlSo0jcT5FOzCQsn4-AeVhJ_6FDK0Lmj1zApbInh5kNnwpCuRN8_D4mx2IQf-KMftK8VbqcEhdchzLgFav7iXITuR2LAH6VVW4tZ3C8gjtSZrHjt1c0-2EtkkLaOvbOins6hCmRBktQt4_tj9sCaMUTU9DY6eyYSwpd0HF2oQdoIsYnZvkeGrMyASCkfBeoW7_rH92UCHTCZpqRpnnx99kNTKV3U1LHXwd0q7HynH9RI9ZIizM0KhxSjpMlsf_SyFCjEWHFBAOFqvw.jpg" alt="Kuma Mieru: 第三方 Uptime Kuma 监控仪表盘本项目尝试使用 Recharts + Next.js 解决 Uptime Kuma 公开监控页面不够直观、没有延迟图表的缺点" width="453" height="219" loading="eager" /> </button> <div class="modal" id="modal-2727-1" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-2727-1" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-2727-1" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><u>Kuma Mieru: 第三方 </u><mark class="highlight"><u>Uptime</u></mark><u> Kuma 监控仪表盘</u><br /><br /><blockquote>本项目尝试使用 Recharts + Next.js 解决 <mark class="highlight">Uptime</mark> Kuma 公开监控页面不够直观、没有延迟图表的缺点。</blockquote><br /><br /><img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6329896824882597500.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://github.com/Alice39s/kuma-mieru" target="_blank" rel="noopener" title="Alice39s/kuma-mieru">Alice39s/kuma-mieru</a><br /><br /><img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327880277607583303.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha/2" target="_blank" rel="noopener" title="频道资源合集">频道资源合集</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327792445526380187.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha/957" target="_blank" rel="noopener" title="恰饭推荐">恰饭推荐</a> <img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6021860481923288796.webp" alt="" loading="lazy" width="20" height="20" /> <a href="https://t.me/zhetengsha_group" target="_blank" rel="noopener" title="群组">群组</a><br /><br /><img class="tg-emoji" src="/static/https://telegram.me/i/emoji/6327836885552991740.webp" alt="" loading="lazy" width="20" height="20" /> <a href="/search/result?q=%23Uptime" title="#Uptime">#Uptime</a> <a href="/search/result?q=%23Kuma" title="#Kuma">#Kuma</a> <a href="/search/result?q=%23%E7%9B%91%E6%8E%A7" title="#监控">#监控</a> <a href="/search/result?q=%23Dashboard" title="#Dashboard">#Dashboard</a>http://telegram.zhetengsha.eu.org/posts/1302http://telegram.zhetengsha.eu.org/posts/1302Sat, 13 Apr 2024 18:10:51 GMT<div class="image-list-container image-list-even"> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-1302-0" popovertargetaction="show" aria-label="Open image preview: #scriptable #widget #小组件 #uptime #uptime-kuma #延迟 #网络 #服务器 #VPS #探针Scriptable 对接 Uptime Kuma 的状态页0. 假设 "> <img src="/static/https://cdn5.telesco.pe/file/fpNyfTIbCZHX7r28Z3UxT-Bbgqohceb0DHEQ-fnq9JP9Fm39m2TwbC_jmcer1-k4fbuAKAu8XMOiVjsuy7knCzTWDbAesxQb8OoiRi7KugHs-sXTeONhYbQvQC_SKyK8qX1GqdnjdtAwRKlGbYos7aUkXTGuXDwnSFcgm4CUIzYZl_QkOybi2wby4JgFYf4BdetWCHNWRsvZpvQ91Poj8oPy7J4EhmVWIVbpbexOsZYowi9uW0S4f6G6_tvJY6-chNar95NShid7WTYievY4HbJITDvfUedGfLrSwszBcVmy2o6rxSsQ_NoEbtC6HmcuFPJLCAJUCP6rX6ouYNv9rw.jpg" alt="#scriptable #widget #小组件 #uptime #uptime-kuma #延迟 #网络 #服务器 #VPS #探针Scriptable 对接 Uptime Kuma 的状态页0. 假设 " width="199" height="250" loading="eager" /> </button> <div class="modal" id="modal-1302-0" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-1302-0" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-1302-0" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> <button type="button" class="image-preview-button image-preview-wrap" popovertarget="modal-1302-1" popovertargetaction="show" aria-label="Open image preview: #scriptable #widget #小组件 #uptime #uptime-kuma #延迟 #网络 #服务器 #VPS #探针Scriptable 对接 Uptime Kuma 的状态页0. 假设 "> <img src="/static/https://cdn5.telesco.pe/file/JihFxbrh4gSo7HDDoyDbxWAZaSEAK72wIwu-hEBv_au5X9BR9DG_JtKSSHPEbZC7i7ycMI0AcMkX9DZQhWTGw1TXkoS-fTVkY46fi7Wme-QNBXxORHv66BvDyTCDW0GYeonTAstBgPm69M6vt2mBPmOs2qTUAc1HUYUkkhj9nGz-S0hclIJppdnmLXGvn1ILrip41vhwORB6M89a2jinCB6xum9rLSakbv5Qx8My-_eMKnTuKA0sI7pMpS1K-LdBsH_0z-08wAaeAva-gPE5OLmN-Ch06FZd-193CjrRAGSlPib-PcZgkUNJqy0Q69loGVWYCvUkEDknk79ic5-Cqw.jpg" alt="#scriptable #widget #小组件 #uptime #uptime-kuma #延迟 #网络 #服务器 #VPS #探针Scriptable 对接 Uptime Kuma 的状态页0. 假设 " width="252" height="250" loading="eager" /> </button> <div class="modal" id="modal-1302-1" popover="auto" aria-label="Image preview"> <button type="button" class="modal__backdrop" popovertarget="modal-1302-1" popovertargetaction="hide" aria-label="Close image preview"></button> <button type="button" class="modal__close" popovertarget="modal-1302-1" popovertargetaction="hide" aria-label="Close image preview">×</button> <div class="modal__surface"> </div> </div> </div><div class="tgme_widget_message_text js-message_text"><a href="/search/result?q=%23scriptable" title="#scriptable">#scriptable</a> <a href="/search/result?q=%23widget" title="#widget">#widget</a> <a href="/search/result?q=%23%E5%B0%8F%E7%BB%84%E4%BB%B6" title="#小组件">#小组件</a> <a href="/search/result?q=%23uptime" title="#uptime">#uptime</a> <a href="/search/result?q=%23uptime" title="#uptime">#uptime</a>-kuma <a href="/search/result?q=%23%E5%BB%B6%E8%BF%9F" title="#延迟">#延迟</a> <a href="/search/result?q=%23%E7%BD%91%E7%BB%9C" title="#网络">#网络</a> <a href="/search/result?q=%23%E6%9C%8D%E5%8A%A1%E5%99%A8" title="#服务器">#服务器</a> <a href="/search/result?q=%23VPS" title="#VPS">#VPS</a> <a href="/search/result?q=%23%E6%8E%A2%E9%92%88" title="#探针">#探针</a><br /><br />Scriptable 对接 <mark class="highlight">Uptime</mark> Kuma 的状态页<br /><br />0. 假设 <code>https://a.com/status/demo</code> 是你的 <mark class="highlight">Uptime</mark> Kuma 的状态页<br /><br />1. 那么 <code>https://a.com/api/status-page/heartbeat/demo</code> 就是 API 地址<br /><br />2. 长按组件, 选择此脚本, 参数填入 <code>https://a.com/api/status-page/heartbeat/demo</code><br /><br />因为懒, <code>title</code> 默认为 <code><mark class="highlight">Uptime</mark> Kuma</code>, 默认取 <code>key</code> 为 <code>1</code> 的数据, 打开脚本自己改 <br /><br />不接定制 抛砖引玉 有需求自己改<br /><br />等一个大佬们的美化版<br /><br />文件见评论区</div>