自托管静态主页:Dashy 与 Homer

作者:Brandon Hopkins, Suparna Ganguly

自托管主页是管理您的家庭实验室或云服务的绝佳方式。如果您和我一样,很可能您到处都有各种 docker 容器、媒体服务器和 NAS 门户。使用简单的书签来跟踪所有内容通常是不够的。借助自托管主页,您可以从任何地方查看您需要的所有内容。并且您可以添加集成和其他功能,以帮助您更好地管理您需要的一切。

DashyHomer 是两个独立的静态主页应用程序。它们用于家庭实验室和云端,以帮助人们组织和管理他们的服务、docker 容器和 Web 书签。本文将概述这些自托管主页提供的功能。

Dashy

Dashy 是一款 100% 免费开源、自托管、高度可定制的服务器主页应用程序,非常注重隐私。它提供易于使用的可视化编辑器、小部件、状态检查、主题和更多功能。以下是您可以使用 Dashy 的功能。

在线演示: https://demo.dashy.to/

自定义

您可以根据您的用例自定义您的 Dashy。从 UI 中,您可以选择不同的布局、显示/隐藏组件、项目大小、切换主题等等。您可以自定义仪表板的每个区域。自定义 HTML 标头、页脚、标题、导航栏链接等都有配置选项。如果您不需要某些东西,只需隐藏它!

Dashy 提供多种颜色主题,具有 UI 颜色编辑器并支持自定义 CSS。由于所有属性都使用 CSS 变量,因此很容易覆盖。除了主题之外,您还可以获得大量图标选项,例如 Font-Awesome、家庭实验室图标、Material Design Icons、普通图像、表情符号、自动获取网站图标等。

集成

Dashy 小部件显示来自启用 API 的服务的动态内容。Dashy 为自托管服务、监控和生产力提供 50 多个内置小部件。状态监控功能为您的应用程序和链接启用。借助状态指示器,您可以大致了解应用程序的健康状况。启用此功能后,每个应用程序旁边都会显示一个小点,指示应用程序是否启动并在线。这就是可以完成基本可用性和正常运行时间检查的方式。

安全

想要保护您的仪表板?Dashy 的身份验证功能可以满足您的需求。基本身份验证非常简单且快速启用。它为具有精细控制的多个用户提供支持。此外,Dashy 还为多用户访问、Keycloak 和其他 SSO 提供商提供支持。包括可选的、端到端加密的和免费的云备份和恢复功能。这使您可以异地备份配置。这也有助于在各种实例之间同步数据。

使用 Dashy

您可以从给定的选项中选择应用程序启动方法,例如默认方法或右键单击特定应用程序。应用程序可以在新标签页、同一标签页、弹出模式窗口或工作区视图中打开。

要搜索,只需键入您要查找的内容,结果就会弹出。使用箭头键和 Tab 键导航,然后按 Enter 键启动。可以为最常用的应用程序创建自定义快捷方式,并为更流畅的搜索创建自定义标签。您还可以通过 Dashy 使用搜索引擎进行 Web 搜索。

Dashy 启用了备用视图。借助 Dashy 的最小视图,您可以将 Dashy 用作快速加载的浏览器主页。您还将获得工作区视图,以便您可以在多个应用程序之间同时切换,而无需离开页面。

多语言支持

提供多语言支持。Dashy 的 UI 已翻译成多种语言,例如英语、法语、荷兰语、德语、斯洛文尼亚语等。您的语言需要自动应用,或者您可以选择从配置菜单中更改它。

其他特性

- 如果您希望通过 UI 配置应用程序,Dashy 提供了一个简单的基于 YAML 的单文件配置。

- Dashy 具有小捆绑包大小、高度响应的 UI 和用于基本离线访问的 PWA。

Homer

Homer 这个名字实际上是文字游戏,因为它充当您服务器的 HOMepage。Homer 是一个完全静态的、开源的 html/js 仪表板,使用 Webpack 在 /src 中构建源代码。Homer 的功能远不如 Dashy 丰富,但它仍然受到许多用户的青睐,因为它非常简单、轻量级,并且尽管两者都有自定义选项,但在整体设计上存在差异,请务必查看两者的在线演示。

它由 HTTP 服务器提供服务。如果您直接通过 file:// 协议打开 dist/index.html,Homer 将无法工作。您可以查看他们的文档页面,以了解有关配置的更多信息。

在线演示: https://homer-demo.netlify.app/

自定义

Homer 非常可定制,只有一个 YAML 配置文件。您可以轻松更改列数、上传自定义图标、添加部分、切换暗色或浅色主题、添加背景图像等等。此 YAML 配置文件使用块格式来创建新链接、集成,并且您可以对这些条目进行分组。与 Dashy 不同,没有交互式界面来执行自定义任务。

集成

Homer 有一些集成,因此您可以在静态主页中查看服务状态和实时信息更新。这些集成称为自定义服务。在 Homer 中添加这些自定义服务就像在特定服务的 YAML 配置中添加自定义条目一样简单。

目前可用的服务包括 PiHole、OpenWeatherMap、Medusa、Lidarr、Ping、Prometheus 和 Portainer。这些服务中的大多数将需要自定义 API 密钥和一些额外的工作。您可以在他们的 自定义服务 GitHub 页面上了解更多信息。

使用 Homer

一旦您在 YAML 文件中配置好所有内容,使用 Homer 就非常简单。您在仪表板中获得的唯一设置选项是切换浅色和深色主题(颜色可配置)以及堆叠式和水平分组之间的简单布局切换器。

部署

这两种服务都可以通过 docker 容器轻松部署,无论是在您的家庭服务器上还是在您自己的 Linode 实例上。鉴于这两个静态主页都非常轻量级,因此很容易将这些容器与单个 Linode 上的其他容器一起添加。如果您还没有帐户,您可以获得 100 美元 60 天的试用期来试用 Linode。在您的新 Linode 帐户中,您可以使用他们简单的 一键市场来启动一个已准备好 Docker 的服务器!

 

要查看获取这些运行的逐步说明,请查看上面的视频。要快速启动这些容器,我们可以使用以下命令。

Homer: bastienwirtz (Bastien Wirtz) · GitHub

docker run -d \

  -p 8080:8080 \

  -v </your/local/assets/>:/www/assets \

  --restart=always \

  b4bz/homer:latest

Dashy: GitHub - Lissy93 · GitHub

docker run -d \

  -p 4000:80 \

  -v /root/my-local-conf.yml:/app/public/conf.yml \

  --name my-dashboard \

  --restart=always \

  lissy93/dashy:latest

总结

如果您正在寻找一个静态、可定制且开源的自托管仪表板,您当然可以选择其中任何一个。但是,如果您特别想要一些轻量级且加载速度快的东西,那么 Homer 将是您的理想选择。另一方面,如果您需要提供各种功能的自托管静态主页,例如多语言支持、云备份、备用视图等,则建议您使用 Dashy。我希望本文能帮助您为自己做出正确的自托管静态主页选择。

Brandon Hopkins 是 Tech Hut 的创建者。

加载 Disqus 评论