id: b8eeb61d15cb401bb767d7911fd1414c
parent_id: 
item_type: 1
item_id: 872e43e9469743a5ae25e92cfbc16a32
item_updated_time: 1764345637207
title_diff: "[{\"diffs\":[[1,\"NAS导航面板！谁是你心中的NO.1？\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":19}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>NAS导航面板！谁是你心中的NO.1？</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"content-class\\\" content=\\\"yinxiang.peso.superNote\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.noteLayout\\\" content=\\\"{\\\"paragraphSpace\\\":\\\"recommend\\\",\\\"lineSpace\\\":\\\"recommend\\\"}\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.superNote\\\" content=\\\"{\\\"aiMode\\\":false}\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"44372\\\"></a>\\\r\\\n<h1>NAS导航面板！谁是你心中的NO.1？</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"\\\"><div style=\\\"max-width: 700px;\\\"><p></p><div style=\\\"--en-blockquote: true; box-sizing: border-box; border-left: 3px solid #b4c0cc; background-position: initial initial; background-repeat: initial initial;\\\"><div>原文链接: <a href=\\\"https://mp.weixin.qq.com/s?__biz=Mzk3NTQ0ODYzOQ==&amp;mid=2247484704&amp;idx=1&amp;sn=4f4ac3a119b5962ae34185aed78379e8&amp;chksm=c5301527be0a6bd80a1657b0c5b3cd2ab3465a80d104cfd50190ba570b237ef1d5022ecb61a3&amp;mpshare=1&amp;scene=1&amp;srcid=0705zoCnQV3MgxbqGbBTRLBq&amp;sharer_shareinfo=edc5ffd9aafbfe311c0f7d39ed708d97&amp;sharer_shareinfo_first=edc5ffd9aafbfe311c0f7d39ed708d97#rd\\\"><span>https://mp.weixin.qq.com/s?__biz=Mzk3NTQ0ODYzOQ==&amp;mid=224748...</span></a></div></div><p></p><div style=\\\"\\\"><div><div><div><span style=\\\"\\\">原创</span><span> 拆墙设计师Jony </span><span><a style=\\\"\\\"> 拆墙设计师Jony </a></span><span><em></em></span></div><div style=\\\"\\\"><div style=\\\"\\\"><span style=\\\"color: rgb(136, 136, 136);\\\"><span>“大家好，我是拆墙设计师Jony，一个爱好广泛的建筑师，喜欢Web技术、AICG、玩NAS，乐于分享经验，高效工作，快乐生活！”</span></span></div><hr style=\\\"border-style: solid; border-width: 1px 0 0; border-color: rgba(0,0,0,0.1); -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 0.5); transform-origin: 0 0; transform: scale(1, 0.5);\\\"/><p style=\\\"\\\"><span><br/></span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); color: rgb(10,10,10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0; text-transform: none; widows: 2; word-spacing: 0; -webkit-text-stroke-width: 0; white-space: normal; background-color: rgb(255,255,255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span></span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); color: rgb(10, 10, 10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; text-align: left;\\\"><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>大家在使用NAS的过程中，多少会搭建一些方便自己使用的服务，而这些服务，大多是以不同端口的方式对外提供服务的。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>家庭局域网内访问这些服务，需要使用</span><code style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); font-feature-settings: normal; font-variation-settings: normal; text-align: left; color: rgb(221, 17, 68); background: rgba(27, 31, 35, 0.05); border-radius: 4px;\\\"><span>http://192.168.1.3:5678</span></code><span>这种地址访问。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>那么如果大家搭建的服务多了，这种方式访问就有些麻烦了，不仅名字长，后面的端口也记不住。想要打开还要想半天后面端口号是啥。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>前面文章分享了使用公网IP用域名+DDNS外网访问，为服务配置域名设置反向代理的方式，一定程度上能解决这个问题，大家为每个服务配置好记的域名，直接用域名就可以访问了。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>但是这种方式，访问每个服务的时候，还是需要输入域名，如果大家是申请的免费二级域名，加上自己的三级域，就变成四段了，也有点长。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>那有没有更高效（</span><del style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229);\\\"><span>懒</span></del><span>）一点的方法呢？</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>当然有！那就是用导航面板啊。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>NAS用的久了，导航面板可以说是刚性需求，有需求就有产品，目前市面上导航面板应用也非常多，那么哪一款才是你心中的NO.1呢？</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>是 </span><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); font-weight: bold; text-align: left; color: rgb(250, 81, 81);\\\"><span>【homarr】</span></strong><span>？</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/12e9f15182104f61815180cbc2a3848d\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"homarr.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>是 </span><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); font-weight: bold; text-align: left; color: rgb(250, 81, 81);\\\"><span>【heimdall】</span></strong><span>？</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/171f1cf109d74251b3fc78d6fae64d53\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"heimdall.jpg\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>是 </span><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); font-weight: bold; text-align: left; color: rgb(250, 81, 81);\\\"><span>【Homepage】</span></strong><span>？</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/b6548d9a2bdd4538a02dcce452b1fa9b\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"微信图片_20250531153830.webp\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>是 </span><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); font-weight: bold; text-align: left; color: rgb(250, 81, 81);\\\"><span>【Flare】</span></strong><span>？</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/de05e54fa90e4dbb961de4600b97aa28\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"flare-1.jpg\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>还是其他？</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>Jony心中的NAS导航面板NO.1是</span><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); font-weight: bold; text-align: left; color: rgb(250, 81, 81);\\\"><span>【Sun-panel】</span></strong></p><hr style=\\\"box-sizing: border-box; border-width: 2px 0px 0px; border-style: solid; border-color: rgba(0, 0, 0, 0.1); height: 0.4em; color: inherit; text-align: left; transform-origin: 0px 0px; transform: scale(1, 0.5);\\\"/><h2 style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); font-weight: bold; text-align: center; display: table; color: rgb(255,255,255); background: rgb(250,81,81);\\\"><span>Sun-panel</span></h2><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); font-weight: bold; text-align: left; color: rgb(250, 81, 81);\\\"><span>Sun-panel功能特点一览：</span></strong></p><ul style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); list-style: circle; text-align: left; color: rgb(63,63,63);\\\"><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🍉 界面简洁，功能强大，资源占用少</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🍊 上手简单，可视化操作，可0代码使用</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🍠 一键切换内、外网模式链接</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🍵 支持docker部署（支持Arm系统）</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🎪 支持多账号隔离使用</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🎏 支持查看系统状态</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🎨 支持自定义js、css</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🍻 简单使用可以无需连接外部数据库</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🍾 丰富图标风格自由搭配，支持iconify图标库</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🚁 支持网页内置小窗口打开（部分三方网站屏蔽此功能）</span></div></li><li style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; text-indent: -1em; display: block; color: rgb(63, 63, 63);\\\"><div><span>• 🐳 简单的docker管理器，支持查看容器状态、控制容器的开启和关闭</span></div></li></ul><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/95e7cdd6e1bf4dbc9e4f5c4ed5834ccd\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"微信图片_20250531114432.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>其他的很多我也都用过，有的颜值也不错但是上手不容易，要配置到好看需要修改很多配置文件，有的功能不满足我的一些使用需求，最后我觉得最好用的NAS导航面板还是Sun-panel。</span></p><h3 style=\\\"box-sizing: border-box; border-width: 0 0 0 3px; border-style: solid; border-color: rgb(229,229,229) rgb(229,229,229) rgb(229,229,229) rgb(250,81,81); font-weight: bold; text-align: left; color: rgb(63,63,63);\\\"><span>界面简洁美观</span></h3><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>这个没什么好说的，颜值即正义嘛，它默认的渐变色背景+应用卡片风格就很好看，另外还可以自定义显示效果，以满足不同人的个性化喜好。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>这里我自己懒得截图演示了，借用几张官网界面图：</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/111068091dfa4aa5a224c821ce0d9709\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"solid-color-info.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/8e5aa22a88574c579907434593a022c8\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"transparent-small.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/b28cd33eac38457691407acfe4ae26ec\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"transparent-info.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><h3 style=\\\"box-sizing: border-box; border-width: 0 0 0 3px; border-style: solid; border-color: rgb(229,229,229) rgb(229,229,229) rgb(229,229,229) rgb(250,81,81); font-weight: bold; text-align: left; color: rgb(63,63,63);\\\"><span>安装设置方便</span></h3><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>由于真的非常优秀而且开源，现在很多NAS系统应用商店里都上架了这款应用，直接点击安装就行。飞牛应用商店也有哦！</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/abfaf803ee984c2caec40085cf16cf02\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"微信图片_20250531135729.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>设置上也是非常简单，安装好之后通过端口访问页面进行配置，各项配置一目了然，比Homepage这种还要用文本编辑器改配置文件的导航面板好用的多。</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/1ea080a3bc44438693af700c4d767bb0\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"微信图片_20250531135425.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><h3 style=\\\"box-sizing: border-box; border-width: 0 0 0 3px; border-style: solid; border-color: rgb(229,229,229) rgb(229,229,229) rgb(229,229,229) rgb(250,81,81); font-weight: bold; text-align: left; color: rgb(63,63,63);\\\"><span>内外网一键切换</span></h3><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>如果你有公网IP，做好了域名访问，在家庭局域网内部访问，最好还是直接用内网IP，因为通过域名访问，得DNS先解析域名，要出口转内销到外面转一圈才回来，影响访问速度。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>创建卡片的时候，设置好内网外网地址。</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/839946a31dbd4945a865601eec8c440d\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"微信图片_20250531140943.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>点面板上的切换图标，就可以一键切换成内网或者公网环境模式，点击服务卡片或图标就直接访问相应地址了。</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/9c9d8bb51808482989d1cb713aaa0af7\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"公网.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><h3 style=\\\"box-sizing: border-box; border-width: 0 0 0 3px; border-style: solid; border-color: rgb(229,229,229) rgb(229,229,229) rgb(229,229,229) rgb(250,81,81); font-weight: bold; text-align: left; color: rgb(63,63,63);\\\"><span>支持浏览器插件</span></h3><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>除了作为NAS服务的导航卡片之外，它还有浏览器插件，支持 Chrome、Edge、Firefox以及其他基于Chrome的浏览器。可以把你自己的 Sun-Panel 设置为浏览器的新标签页面，支持局域网和公网双地址自动检测跳转。</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/fac411c5705641ca8669e367803dd3fd\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"image.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>安装好浏览器插件后，先在</span><strong style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); font-weight: bold; text-align: left; color: rgb(250, 81, 81);\\\"><span>你自己部署的Sun-panel面板设置</span></strong><span>里，打开Open API并启用，会获得一个接口地址和Token，开着页面备用。</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/d3c88e0ba4c94354b06cd73b388db83b\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"image.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>再开启浏览器Sun-panel插件，在设置里，填好新标签页地址。</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/6d1631f885c542708f8fc2ccdbeac43f\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"image.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>并在下面OpenAPI设置里，填入上一步自己Sun-panel服务页面里的OpenAPI地址及Token。</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/ebda0005750f4753b90fe1f2b2046540\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" alt=\\\"image.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>可以直接将浏览的网站快速添加到你自己的Sun-panel面板里，相当于个人书签了。</span></p><div style=\\\"box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); text-align: left; color: rgb(63, 63, 63);\\\"><span><img src=\\\":/8aacc8ed9ea24ed2805a69e8772b263a\\\" type=\\\"image/jpeg\\\" data-filename=\\\"640.jpg\\\" alt=\\\"微信图片_20250531145946.webp\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 229, 229); display: block; vertical-align: middle; max-width: 100%; height: auto; text-align: left; border-radius: 4px; width: auto;\\\" title=\\\"null\\\" width=\\\"auto\\\"/></span></div><h3 style=\\\"box-sizing: border-box; border-width: 0 0 0 3px; border-style: solid; border-color: rgb(229,229,229) rgb(229,229,229) rgb(229,229,229) rgb(250,81,81); font-weight: bold; text-align: left; color: rgb(63,63,63);\\\"><span>其他用途</span></h3><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>因为Web应用的特性，当你做好了公网访问配置，你可以直接将它作为一个在线书签和个人导航面板使用。</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>Web应用一个极大的好处就是多端同步，不管走到哪只要有网，打开浏览器就可以用。就像一个随身工具箱一样，这也是我钟爱Web应用的原因之一！</span></p><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); text-align: justify; letter-spacing: 0.1em; color: rgb(63,63,63);\\\"><span>最后，小伙伴们，你们心中的导航面板NO.1是哪一款呢？</span></p></div><p style=\\\"box-sizing: border-box; border-width: 0; border-style: solid; border-color: rgb(229,229,229); color: rgb(10,10,10); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0; text-transform: none; widows: 2; word-spacing: 0; -webkit-text-stroke-width: 0; white-space: normal; background-color: rgb(255,255,255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\\\"><span></span></p><p style=\\\"\\\"><span style=\\\"\\\"><span><br/></span></span></p><p style=\\\"\\\"><span style=\\\"color: rgb(255, 76, 0);\\\"><span style=\\\"letter-spacing: 0.578px;\\\"><span>👇关</span></span><span>注我，</span><span style=\\\"color: rgb(255, 76, 0); letter-spacing: 0.578px;\\\"><span>解锁更多工作生活中的新玩法，</span><span style=\\\"color: rgb(255, 76, 0); letter-spacing: 0.578px;\\\"><span>一起</span></span><span>发现乐趣，</span></span><span>高效工作，快乐生活！</span></span></p></div></div><div><div><div><div style=\\\"display: flex; color: rgba(0,0,0,.3);\\\"><div style=\\\"color: rgba(0,0,0,.3);\\\">个人观点，仅供参考</div></div></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":27759}]"
metadata_diff: {"new":{"id":"872e43e9469743a5ae25e92cfbc16a32","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348822349,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:03:50.146Z
created_time: 2025-11-28T21:03:50.146Z
type_: 13