Homer 仪表板, 我们的 Custom Home 网站

小心，这是炸弹… 今天我们这里有 Homer Dashboard，这是 2021 年最好的发现之一… 它只是一个轻量级的静态网站… 但… 为什么? 使用我们使用的 Web 服务制作一个定制的、漂亮的主页, 在家中或公司, 准备好，1000 酷…

井, 我认为它发生在我们所有人身上, 我们有越来越多的服务需要管理, 访问内容… 长期以来，它一直缺少简化其访问的解决方案, 更好的组织方式. Homer Dashboard 是一个不重要的网站, 我们可以在 2 已安装分钟数, 它具有超强的适应性，我们认为它将是聚合基本 Web 服务的网站. 对我们或对公司, 这是, 从浏览器开始的公司网站，将网站汇集在一起, 多合一.

如果你还是不明白, 转到帖子的末尾，查看我的特定示例, 或放在 Google 上 “Homer 仪表板” 和“图像’ 查看示例, 这很酷. 歌词大意：我说的, 这是一个完全可定制且简单的网站, 在 YAML 格式的文件中，我们以简单的方式对其进行配置. 例如，我们可以将其部署在 Docker 容器中, 或者在我们身边的 Nginx 或 Apache 中, 这只不过是下载网站，仅此而已. 您拥有有关该项目的所有信息这里. 和这里您有一个在线演示，以防您想了解它的全部内容. 如果你愿意, 还有其他类似的解决方案, 观看 DashMachine 仪表盘, 组织, 海姆达尔或隋等等.

要按说明安装它, 您可以使用容器，也可以直接在我们已经部署的 Web 服务器上. 本例中，我将以 Nginx 为例, 如果您尚未安装该服务，我们将安装它:

sudo apt install nginx unzip -y sudo systemctl enable nginx

什么都没有, 要安装 Homer Dashboard，您只需下载它, 解压缩, 更正权限并创建配置文件以自定义我们的仪表板.

wget https://github.com/bastienwirtz/homer/releases/latest/download/homer.zip sudo unzip homer.zip -d /usr/share/nginx/homer sudo chown www-data:www-data /usr/share/nginx/homer/ -R sudo cp /usr/share/nginx/homer/assets/config.yml.dist /usr/share/nginx/homer/assets/config.yml

我们可以在 Nginx 中创建一个配置文件来发布站点, 我把这个作为例子, 或者通过使用指向 Homer 站点的正确路径修改默认站点配置文件.

服务器 {
    听 81;
    听 [::]:81;
    server_name homer.mydomain.local;

# 安装根目录 /usr/share/nginx/homer/ 的根目录路径;

   access_log /var/log/nginx/homer.access;
   error_log /var/log/nginx/homer.error;
}

什么都没有, 我们验证配置是否正确 & 我们重新启动 Nginx 以重新加载我们所做的更改:

sudo nginx -t sudo systemctl reload nginx

什么都没有, 我们访问使用浏览器创建的站点，我们将拥有初始仪表板, 有了它，我们就可以离开，并在一瞬间拥有我们自己的.

如何? 编辑 /usr/share/nginx/homer/assets/config.yml 配置文件

你会得到像这样酷的东西! 我说了什么, 是 100% 定制, 如您所见，我删除了标题, 我在 Google 上放置了一个搜索框… 它还在公司的浏览器中保留为主页, 由 GPO, 到 Internet Explorer, 铬, 火狐浏览器, 边缘…

就是这样，Callisto, 我们也有深色主题…

我给你留下一个图标存储库，以防它让你更轻松，并且你可以使用, 以及任何自定义映像, 答案是肯定的:

为了方便您，我给您留下一些我的 Homer Dashboard 网站的初始代码, 它确实是 Yaml，很容易修改, 勇气!

---
# 首页配置
# 请参阅 https://图标选项标题的 fontawesome.com/icons: "开放服务 IT - 服务仪表板"
字幕: "荷马"
商标: "logo_openservicesit.png"
页眉: 假页脚: false 列: 4
主题: 默认颜色:
  光:
    highlight-primary （高亮-主）: "#7编号 D0458"
    highlight-secondary: "#9编号 E0770"
    highlight-hover （高亮悬停）: "#呜"
    背景: "#f5f5f5"
    card-background （卡背景）: "#呜"
    发短信: "白"
    文本标题: "#呜"
    文本标题: "#303030"
    文本字幕: "#424242"
    card-shadow （卡影）: RGBA(0, 0, 0, 0.1)
    链接悬停: "#363636"
    背景图像: "/图片/fondo.jpg"
  黑暗:
    highlight-primary （高亮-主）: "#7编号 D0458"
    highlight-secondary: "#9编号 E0770"
    highlight-hover （高亮悬停）: "#2b2b2b"
    背景: "#131313"
    card-background （卡背景）: "#2b2b2b"
    发短信: "#7编号 D0458"
    文本标题: "#呜"
    文本标题: "#法法"
    文本字幕: "#f5f5f5"
    card-shadow （卡影）: RGBA(0, 0, 0, 0.4)
    链接悬停: "#ffdd57"
    背景图像: "/图片/fondo.jpg"
消息:
  内容: '<表单操作="https://google.com/search" 方法="获取"><输入类型="发短信" 名称="q" 占位符="您可以在 Google 上搜索任何您想要的东西" 样式="宽度: 100%" 拼写检查="假" 自动对焦="真" onkeydown="handleKeyPress 键(事件)"/></形式>'
links:
  - 名字: "开放服务 IT"
    网址: "https://网址：www.openservices.eus"
  - 名字: "网络邮件"
    图标: "FAS FA 包络"
    网址: "https://webmail.bujarra.com"
服务业:
  - 名字: "基础设施"
    图标: "FAS FA-云"
    项目:
      - 名字: "VMware vCenter 服务器"
        商标: "/图片/vmware.png"
        字幕: "虚拟平台管理"
        网址: "https://操作系统-VC-01.openservices.local/ui/"
        #目标: "_空白" # 可选 HTML 标记 Target 属性
      - 名字: "加强"
        商标: "/图片/fortigate.png"
        字幕: "访问 Fortigate"
        网址: "https://192.168.1.1"
...

没什么，如果你花的时间比我多一点, 我相信你可以做一些非常酷的事情. 我说了什么, 想想那些部门的初始网站, IT 站点…

一如既往的荣幸, 你们要好好照顾自己, 愿一切顺利，并感谢那些通过社交网络移动这些东西的人, 这是吸引更多可以使用此类开源解决方案的人的唯一途径, 拥抱!