侧边栏壁纸
博主头像
Backspace‘s Blog博主等级

行动起来，活在当下

  • 累计撰写 6 篇文章
  • 累计创建 6 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录
教程分享

威联通Homepage搭建

Backspace
Backspace
2023-08-20 / 0 评论 / 2 点赞 / 69 阅读 / 10377 字 / 正在检测是否收录...

威联通Homepage搭建

一、前言

大家好，这是我的第一篇文章，平时遇到有趣或者值得分享的时候会进行更新发布，网上有很多管理群晖NAS的搭建教程，但关于威联通的寥寥无几，话不多说，教程开始。

二、准备工作

1.一台威联通NAS

2.一台能够连通网络的PC

3.一双精明能干的小手、一副聪明绝顶的头脑(つェ⊂)

三、搭建模式

本教程利用的是docker compose创建，在威联通上，相较于docker拉取创建的方法有几下几个特点：

1.利于修改

2.傻瓜化搭建（其实docker compose还可以创建利用一个yaml创建几个协同的docker）

3.易读

4.易迁移

四、正片开始

  • 先在威联通的webui上安装Container Station，安装期间可在File Station文件总管中提前创建好homepage的共享文件夹

  • Container Station下载好后打开，在创建里面找到创建应用程序，如下图所示：

  • 接着将以下代码复制进去

    version: "3.3" #版本号，主要是写法
services:
  homepage:
    image: ghcr.io/benphelps/homepage:latest #镜像文件，latest即为最新版本
    container_name: homepage #容器名称
    ports:
      - 1111:3000 #端口，左边为外部端口，右边为内部容器端口
    volumes:
      - /share/homepage/config:/app/config #路径，左边为nas实际地址，右边为容器内部地址，右边无需更改，个人可按照自身选着对左边路径进行修改，但需提前建立homepage共享文件夹
      - /var/run/docker.sock:/var/run/docker.sock:ro #可选项，主要用于容器集成

  • 在对代码进行修改完成以后，在上方应用程序名称中按照实际需要进行命名，然后点击验证YAML，显示勾了以后即可点击创建，此过程取决于你的网络及NAS性能，一般来说不超过几分钟。

五、Homepage个性化修改

容器创建好后，我们可在NAS上的对应路径中找到homepage的config文件夹，点击进去可以发现有widgets.yaml、settings.yaml、services.yaml、kubernetes.yaml、docker.yaml、bookmarks.yaml以及一个log日志文件夹，我们主要对widgets.yaml、services.yaml、bookmarks.yaml进行修改，下载好后利用Visual Studio Code进行编辑（电脑上没有安装的也可以在网上找找yaml在线编辑器进行编辑），其中widgets.yaml主要是页面表头，services.yaml主要是用于我们所需搭建的书签，bookmarks.yaml主要是修改底部的导航，以下为我的设置，仅供参考，英文好的更建议查看Homepage的官方Wiki

widgets.yaml

---
# For configuration options and examples, please see:
# https://gethomepage.dev/en/configs/widgets

- resources:
    cpu: true
    memory: true
    disk: /

- datetime:
    text_size: xl
    format:
      timeStyle: short

- search:
    provider: baidu
    focus: true
    target: _blank

- openmeteo:    
    label: 地点名称 # optional    
    latitude: 纬度   
    longitude: 经度    
    timezone: Asia/Shanghai # optional    
    units: metric # or imperial    
    cache: 5 # Time in minutes to cache API responses, to stay within limits

services.yaml

---
# For configuration options and examples, please see:
# https://gethomepage.dev/en/configs/services

- 外网访问:
    - Yunshan's blog:
        icon: https://halo.run/upload/2022/03/logo.svg        
        href: http://你的外网网址:端口       
        description: 博客
        ping: 你的内网地址:端口
    - NAS:
        icon: https://www.qnap.com.cn/i/_attach_file/product/photo/1000_625/449_1587016202_right-angle-of-elevation.png
        href: http://你的外网网址:端口
        description: NAS管理
        widget:
            type: qnap
            url: http://你的内网地址:端口
            username: 威联通NAS登录的用户名
            password: 威联通NAS登录的密码
        ping: http://你的内网地址:端口
    - qBittorrent:        
        icon: https://camo.githubusercontent.com/eb6923d1a865efb205ea760e23fd1c84b438ebe8564509402444bcc28ab7a2f0/687474703a2f2f692e696d6775722e636f6d2f794243654f53642e706e67        
        href: http://你的外网网址:端口        
        description: 种子和磁力链接下载工具
        widget:
            type: qbittorrent
            url: 你的内网地址:端口
            username: qbittorrent账户
            password: qbittorrent密码
    - Emby:        
        icon: https://heizicao.gitee.io/my-icon/icon/embyserver.png        
        href: http://你的外网网址:端口        
        description: Emby影音服务器        
        widget:          
            type: emby          
            url: http://你的内网地址:端口          
            key: Emby的密钥
    - Plex:        
        icon: https://img0.baidu.com/it/u=871030030,2363126401&fm=253&fmt=auto&app=138&f=PNG?w=427&h=427        
        href: http://你的外网网址:端口
        description: Plex影音服务器        
        widget:          
            type: plex          
            url: http://你的内网地址:端口
            key: plex的密钥
    - Portainer.io:
        icon: http://图标地址
        href: http://你的外网网址:端口
        description: Docker图形管理平台
        ping: https://你的内网地址:端口
    - Proxmox VE:
        icon: https://pve.proxmox.com/mediawiki/resources/assets/proxmox_logo.png?ffc80
        href: https://你的外网网址:端口
        description: PVE虚拟机
        ping: https://你的内网地址:端口
    - iKuai:
        icon: https://www.ikuai8.com/images/logo1.png
        href: http://你的外网网址:端口
        description: 爱快主路由
        ping: http://你的内网地址
    - OpenWRT:
        icon: https://istoreos.koolcenter.com/_nuxt/img/logo.04dbfec.png
        href: http://你的外网网址:端口
        description: OpenWRT旁路由（非侵入型）
        ping: http://你的内网地址
    - Unraid:
        icon: https://pic1.zhimg.com/v2-06b960f5a4518e9787609e3a10a617cd_1440w.jpg?source=172ae18b
        href: http://你的外网网址:端口
        description: Unraid后台
        ping: http://你的内网地址:端口
    - QSW-M1208-8C:
        icon: https://www.qnap.com.cn/assets/img/company-profile/bu-n-model-1.png
        href: http://你的外网网址:端口
        description: QSW-M1208-8C后台
        ping: http://你的内网地址:端口

- 内网书签:
    - Yunshan's blog:
        icon: https://halo.run/upload/2022/03/logo.svg        
        href: http://你的内网地址:端口       
        description: 博客
        ping: http://你的内网地址:端口
    - NAS:
        icon: https://www.qnap.com.cn/i/_attach_file/product/photo/1000_625/449_1587016202_right-angle-of-elevation.png
        href: http://你的内网地址:端口
        description: NAS管理
        widget:
            type: qnap
            url: http://你的内网地址:端口
            username: 威联通NAS登录的用户名
            password: 威联通NAS登录的密码
        ping: 你的内网地址:端口
    - qBittorrent:        
        icon: https://camo.githubusercontent.com/eb6923d1a865efb205ea760e23fd1c84b438ebe8564509402444bcc28ab7a2f0/687474703a2f2f692e696d6775722e636f6d2f794243654f53642e706e67        
        href: http://你的内网地址:端口       
        description: 种子和磁力链接下载工具
        widget:
            type: qbittorrent
            url: http://你的内网地址:端口
            username: qbittorrent账户
            password: qbittorrent密码       
        ping: http://你的内网地址:端口
    - Emby:        
        icon: https://heizicao.gitee.io/my-icon/icon/embyserver.png        
        href: http://你的内网地址:端口       
        description: Emby影音服务器        
        widget:          
            type: emby          
            url: http://你的内网地址:端口          
            key: emby的密钥
    - Plex:        
        icon: https://img0.baidu.com/it/u=871030030,2363126401&fm=253&fmt=auto&app=138&f=PNG?w=427&h=427        
        href: http://你的内网地址:端口
        description: Plex影音服务器        
        widget:          
            type: plex          
            url: http://你的内网地址:端口
            key: plex的密钥
    - Portainer.io:
        icon: http://logo地址
        href: http://你的内网地址:端口
        description: Docker图形管理平台
        ping: https://你的内网地址:端口
    - Proxmox VE:
        icon: https://pve.proxmox.com/mediawiki/resources/assets/proxmox_logo.png?ffc80
        href: https://你的内网地址:端口
        description: PVE虚拟机
        ping: https://1你的内网地址:端口
    - iKuai:
        icon: https://www.ikuai8.com/images/logo1.png
        href: http://你的内网地址:端口
        description: 爱快主路由
        ping: http://你的内网地址:端口
    - OpenWRT:
        icon: https://istoreos.koolcenter.com/_nuxt/img/logo.04dbfec.png
        href: ttp://你的内网地址:端口
        description: OpenWRT旁路由（非侵入型）
        ping: http://你的内网地址:端口
    - Unraid:
        icon: https://pic1.zhimg.com/v2-06b960f5a4518e9787609e3a10a617cd_1440w.jpg?source=172ae18b
        href: http://你的内网地址:端口
        description: Unraid后台
        ping: http://你的内网地址:端口
    - QSW-M1208-8C:
        icon: https://www.qnap.com.cn/assets/img/company-profile/bu-n-model-1.png
        href: http://你的内网地址:端口
        description: QSW-M1208-8C后台
        ping: http://你的内网地址:端口

- 常用工具:
    - qBittorrent:        
        icon: https://camo.githubusercontent.com/eb6923d1a865efb205ea760e23fd1c84b438ebe8564509402444bcc28ab7a2f0/687474703a2f2f692e696d6775722e636f6d2f794243654f53642e706e67        
        href: http://你的外网地址:端口        
        description: 种子和磁力链接下载工具
        widget:          
            type: qbittorrent          
            url: http://你的内网地址:端口
            username: qbittorrent账户
            password: qbittorrent密码       
        ping: http://你的内网地址:端口
    - NASTOOLS:
        icon: http://logo地址        
        href: http://你的外网网址:端口       
        description: 媒体管理软件
        ping: http://你的内网地址:端口   
    - Portainer.io:
        icon: http://logo地址
        href: http://你的外网网址:端口
        description: Docker图形管理平台
        ping: https://你的内网地址:端口
    - 测速:
        icon: https://simg.doyo.cn/imgfile/bgame/202305/15175408zaao.png        
        href: https://www.speedtest.cn/        
        description: 测速专用

bookmarks.yaml

---
# For configuration options and examples, please see:
# https://gethomepage.dev/en/configs/bookmarks

- 搜索:
    - 百度:
        - icon: https://www.baidu.com/favicon.ico
          href: https://www.baidu.com/

- 新闻:
    - 头条:
        - icon: https://www.toutiao.com/favicon.ico
          href: https://www.toutiao.com/

- 视频:
    - YouTube:
        - abbr: YT
          href: https://youtube.com/

六、成果展示

2
Docker

  1. 支付宝打赏

    qrcode alipay

  2. 微信打赏

    qrcode weixin
版权归属： Backspace
本文链接： https://blog.lys613.top/archives/1692537193780
许可协议： 本文使用《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》协议授权

评论区