电子商务公司网站模版,凡客app官网,企业服务总线,网站内容建设和管理系统什么是 Homer ? Homer 是一个完全静态的 html/js 仪表板#xff0c;基于一个简单的 yaml 配置文件。它旨在由 HTTP 服务器提供服务#xff0c;如果您直接通过 file:// 协议打开 index.html#xff0c;它将无法工作。 安装
在群晖上以 Docker 方式安装。
在注册表中搜索 h…
什么是 Homer ? Homer 是一个完全静态的 html/js 仪表板基于一个简单的 yaml 配置文件。它旨在由 HTTP 服务器提供服务如果您直接通过 file:// 协议打开 index.html它将无法工作。 安装
在群晖上以 Docker 方式安装。
在注册表中搜索 homer 选择第一个 b4bz/homer版本选择 latest 或者 v23.02.02。 卷
在 docker 文件夹中创建一个新文件夹 homer并在其中建一个子文件夹assets,需要给 assets 增加 Everyone 的读写权限 文件夹装载路径说明docker/homer/assets/www/assets 存放设置文件 端口
本地端口不冲突就行不确定的话可以用命令查一下
# 查看端口占用
netstat -tunlp | grep 端口号本地端口容器端口80588080 环境
可变值INIT_ASSETS缺省值为 1SUBFOLDER缺省值为 nullPORT缺省值为 8080
INIT_ASSETS默认为 1会安装示例配置文件来帮助您入门。SUBFOLDER如果您想在子文件夹中托管 Homer例如http://my-domain/homer将 SUBFOLDER设置为子文件夹路径/homer。PORT如果您想将 Homer 的内部端口从默认的 8080更改为您选择的端口。
以上几个参数老苏都采用的默认值 命令行安装
如果你熟悉命令行可能用 docker cli 更快捷
# 新建文件夹 homer 和 子目录
mkdir -p /volume2/docker/homer/assets# 进入 homer 目录
cd /volume2/docker/homer# 修改目录权限
chmod 777 assets# 运行容器
docker run -d \--restart unless-stopped \--name homer \-p 8058:8080 \-v $(pwd)/assets:/www/assets \b4bz/homer:latest也可以用 docker-compose 安装将下面的内容保存为 docker-compose.yml 文件
version: 2services:homer:image: b4bz/homercontainer_name: homervolumes:- ./assets/:/www/assetsports:- 8058:8080user: 1000:1000 environment:- INIT_ASSETS1 # default然后执行下面的命令
# 新建文件夹 homer 和 子目录
mkdir -p /volume2/docker/homer/assets# 进入 homer 目录
cd /volume2/docker/homer# 修改目录权限
chmod 777 assets# 将 docker-compose.yml 放入当前目录# 一键启动
docker-compose up -d运行
在浏览器中输入 http://群晖IP:8058 就能看到主界面 因为使用了默认的环境变量所以安装了示例进入 assets找到 config.yml 文件 其中 links 节对应于网页的导航条部分而 services 节对应于我们要设置的书签 老苏将 links 部分改成了下面这样 记得将 config.yml 的编码改为 UTF-8否则中文会显示成乱码 links:- name: 老苏的博客icon: fab fa-githuburl: https://laosu.cftarget: _blank # optional html a tag target attribute- name: CSDN博客icon: fas fa-bookurl: https://blog.csdn.net/wbsu2004保存之后只要刷新页面就可以了不需要重启容器 接下来改改 services 节 logo 可以保存到 assets/icons 目录中也可以直接用 url services:- name: Applicationsicon: fas fa-clouditems:- name: 国内可用ChatGPTlogo: https://www.sunboy.cf/favicon.svgsubtitle: 不用填API Key可直接用tag: chatgptkeywords: chatgpturl: https://www.sunboy.cf/target: _blank # optional html a tag target attribute- name: poelogo: https://poe.com/_next/image?url%2F_next%2Fstatic%2Fmedia%2FchatGPTAvatar.04ed8443.pngw48q75subtitle: 需要科学上网tag: chatgptkeywords: chatgpturl: https://poe.com/ChatGPTtarget: _blank- name: DoGPTlogo: https://pbs.twimg.com/profile_images/1604437547836248066/7RscimSD_400x400.pngsubtitle: 自动化的GPT助手点击试用无需API。tag: chatgptkeywords: chatgpturl: https://www.dogpt.ai/target: _blank本文完成于 4 月上面的网址有些已不能使用 如果要增加一个分组也很简单只要增加一组 - name: Applicationsicon: fas fa-clouditems:还是举个栗子吧这样看起来会更容易理解
services:- name: 人工智能icon: fas fa-clouditems:- name: 国内可用ChatGPTlogo: https://www.sunboy.cf/favicon.svgsubtitle: 不用填API Key可直接用tag: chatgptkeywords: chatgpturl: https://www.sunboy.cf/target: _blank # optional html a tag target attribute- name: 老苏的博客icon: fa-solid fa-blogitems:- name: 老苏的博客logo: https://laosu.cf/images/laosu_wx.jpgsubtitle: 各种折腾tag: blogkeywords: nas,dockerurl: https://laosu.cftarget: _blank 中间的 demo 是消息放在 message 节不需要可以删掉也可以设置需要提醒的内容 是不是挺简单的
参考文档 bastienwirtz/homer: A very simple static homepage for your server. 地址https://github.com/bastienwirtz/homer
