{"id":50,"date":"2025-08-17T11:21:36","date_gmt":"2025-08-17T03:21:36","guid":{"rendered":"https:\/\/www.eastsun.top\/?p=50"},"modified":"2025-08-17T11:21:36","modified_gmt":"2025-08-17T03:21:36","slug":"%e2%91%a5-homer-%e5%af%bc%e8%88%aa%e9%a1%b5%ef%bc%9a%e4%bb%8e%e9%9b%b6%e9%85%8d%e7%bd%ae%e5%88%b0%e5%86%85%e7%bd%ae%e5%9b%be%e6%a0%87%e4%b8%8e%e8%bd%bb%e5%ba%a6%e7%be%8e%e5%8c%96%ef%bc%88docker","status":"publish","type":"post","link":"https:\/\/www.eastsun.top\/?p=50","title":{"rendered":"\u2465 Homer \u5bfc\u822a\u9875\uff1a\u4ece\u96f6\u914d\u7f6e\u5230\u5185\u7f6e\u56fe\u6807\u4e0e\u8f7b\u5ea6\u7f8e\u5316\uff08Docker + \u53cd\u4ee3 + YAML \u5b9e\u6218\uff09"},"content":{"rendered":"

\u76ee\u6807\uff1a\u7528 Docker Compose<\/b><\/span> \u5feb\u901f\u90e8\u7f72 Homer<\/b><\/span> \u4f5c\u4e3a\u201c\u8d77\u59cb\u9875\/\u670d\u52a1\u5bfc\u822a\u201d\uff0c\u901a\u8fc7 Nginx \u53cd\u4ee3 + HTTPS<\/b><\/span> \u5bf9\u5916\u53d1\u5e03\uff1b\u4ee5 Font Awesome \u5185\u7f6e\u56fe\u6807<\/b><\/span> \u66ff\u4ee3\u672c\u5730\u56fe\u50cf\uff1b\u8865\u5145\u4e00\u4efd\u53ef\u76f4\u63a5\u590d\u5236\u7684 config.yml<\/span> \u4e0e custom.css<\/span>\uff1b\u5e76\u6c89\u6dc0\u5e38\u89c1\u5751\u4e0e\u4fee\u590d\u529e\u6cd5\u3002<\/p><\/blockquote>\n

\u8bf4\u660e\uff1a\u6587\u4e2d\u5df2\u8131\u654f<\/b><\/span>\uff0c\u793a\u4f8b\u57df\u540d\u4ee5 home.example.com<\/span> \u8868\u793a\uff1b\u8bf7\u6309\u4f60\u7684\u5b9e\u9645\u60c5\u51b5\u66ff\u6362\u3002\u9ed8\u8ba4\u4ee5 admin<\/b><\/span> \u8d26\u53f7\u3001\u5bb6\u76ee\u5f55 \/home\/admin<\/span> \u64cd\u4f5c\u3002<\/p><\/blockquote>\n

\n

\u3010\u5b9e\u64cd\u6559\u5b66\u3011<\/b><\/h2>\n

\u4e00\u3001\u76ee\u5f55\u51c6\u5907\u4e0e\uff08\u53ef\u9009\uff09UID\/GID \u786e\u8ba4<\/b><\/h3>\n
mkdir -p \/home\/admin\/homer\/assets        # mkdir\uff1a\u521b\u5efa\u76ee\u5f55\uff1b-p \u4e0d\u5b58\u5728\u5c31\u4e00\u5e76\u521b\u5efa\r\nid -u admin                               # id -u\uff1a\u67e5\u770b admin \u7684 UID\uff08\u7ed9\u5bb9\u5668\u7528\uff09\r\nid -g admin                               # id -g\uff1a\u67e5\u770b admin \u7684 GID<\/code><\/pre>\n
\u4e3a\u4ec0\u4e48\u8981 UID\/GID\uff1f<\/b><\/b><\/p><\/blockquote>\n
\u6307\u5b9a\u5bb9\u5668\u4ee5\u5185\u54ea\u4e2a\u7cfb\u7edf\u7528\u6237\u8eab\u4efd\u5199\u6587\u4ef6\uff08\u907f\u514d\u751f\u6210 root \u5c5e\u4e3b\u5bfc\u81f4\u6743\u9650\u95ee\u9898\uff09\u3002\u5982\u679c\u4f60\u5df2\u77e5\u6570\u503c\uff0c\u6bd4\u5982\u90fd\u662f 1003<\/span>\uff0c\u53ef\u76f4\u63a5\u5199\u6b7b\u3002<\/p><\/blockquote>\n
\n
\u4e8c\u3001\u5199 <\/b><\/h3>\n
docker-compose.yml<\/b><\/h3>\n
\uff08V2 \u5199\u6cd5\uff0c\u65e0 <\/b><\/h3>\n
version:<\/b><\/h3>\n
 \u9876\u7ea7\u5b57\u6bb5\uff09<\/b><\/h3>\n
cd \/home\/admin\/homer                      # cd\uff1a\u5207\u6362\u5230\u9879\u76ee\u76ee\u5f55\uff08change directory\uff09\r\nnano docker-compose.yml                   # nano\uff1a\u6253\u5f00\u7f16\u8f91\u5668<\/code><\/pre>\n
\u7c98\u8d34\uff08\u4ec5\u9700\u628a UID\/GID<\/span> \u6539\u6210\u4f60\u7684\u6570\u503c\u5373\u53ef\uff09\uff1a<\/p>\n
services:\r\n  homer:\r\n    image: b4bz\/homer:latest                 # Homer \u5b98\u65b9\u955c\u50cf\r\n    container_name: homer\r\n    restart: unless-stopped                  # \u5f02\u5e38\u9000\u51fa\u540e\u81ea\u52a8\u91cd\u542f\r\n    environment:\r\n      - TZ=Asia\/Shanghai                     # \u65f6\u533a\r\n      - INIT_ASSETS=1                        # \u9996\u6b21\u542f\u52a8\u65f6\u628a\u793a\u4f8b\u8d44\u6e90\u5199\u5165 \/www\/assets\r\n      - UID=1003                             # \u7528 admin \u7684 UID\uff08\u793a\u4f8b\uff09\r\n      - GID=1003                             # \u7528 admin \u7684 GID\uff08\u793a\u4f8b\uff09\r\n    volumes:\r\n      - \/home\/admin\/homer\/assets:\/www\/assets # \u6302\u8f7d\u914d\u7f6e\u4e0e\u56fe\u6807\u76ee\u5f55\r\n    ports:\r\n      - \"127.0.0.1:3002:8080\"                # \u4ec5\u672c\u673a\u56de\u73af\u5f00\u653e\uff1b\u5916\u7f51\u8d70 Nginx\/443<\/code><\/pre>\n
\u4fdd\u5b58\uff08Ctrl+O<\/span> \u56de\u8f66\uff09\u2192 \u9000\u51fa\uff08Ctrl+X<\/span>\uff09\u2192 \u542f\u52a8\uff1a<\/p>\n
docker compose up -d                        # up -d\uff1a\u6309\u7f16\u6392\u542f\u52a8\u5e76\u540e\u53f0\u8fd0\u884c\r\ndocker compose ps                           # ps\uff1a\u67e5\u770b\u72b6\u6001\u4e0e\u7aef\u53e3\uff08\u5e94\u89c1 127.0.0.1:3002->8080\uff09\r\ncurl -I http:\/\/127.0.0.1:3002               # -I\uff1a\u53ea\u53d6\u54cd\u5e94\u5934\uff1b200\/302 \u8bf4\u660e\u540e\u7aef\u5df2\u6b63\u5e38<\/code><\/pre>\n
\n
\u4e09\u3001Nginx\/\u9762\u677f\u53cd\u5411\u4ee3\u7406 + HTTPS\uff08\u516c\u7f51\u53ea\u5f00 443\uff09<\/b><\/h3>\n
    \n
  • \n
    \u5728\u9762\u677f\u6dfb\u52a0\u7ad9\u70b9\uff1a<\/span>home.example.com\uff0c\u7c7b\u578b\u9009 <\/span>\u9759\u6001<\/b><\/span>\u3002<\/span><\/p>\n<\/li>\n
  • \n
    \u53cd\u5411\u4ee3\u7406\u76ee\u6807\uff1a<\/span>http:\/\/127.0.0.1:3002\/\u3002<\/span><\/p>\n<\/li>\n
  • \n
    SSL\uff1a\u7533\u8bf7 Let\u2019s Encrypt \u5e76\u5f3a\u5236 HTTPS<\/b><\/span>\u3002<\/p>\n<\/li>\n
  • \n
    \u53cd\u4ee3\u6bb5\u52a1\u5fc5\u52a0\u5165\u201c\u516d\u884c\u9ec4\u91d1\u8bf7\u6c42\u5934\u201d\uff08\u907f\u514d\u6837\u5f0f\/JS \u6df7\u5408\u5185\u5bb9\u95ee\u9898\uff09\uff1a<\/p>\n<\/li>\n<\/ul>\n
    proxy_set_header Host              $host;          # \u4fdd\u6301\u539f\u59cb Host\r\nproxy_set_header X-Real-IP         $remote_addr;   # \u4f20\u9012\u5ba2\u6237\u7aef IP\r\nproxy_set_header X-Forwarded-For   $proxy_add_x_forwarded_for;\r\nproxy_set_header X-Forwarded-Proto $scheme;        # \u544a\u8bc9\u540e\u7aef\u5f53\u524d\u662f https\/http\r\nproxy_set_header X-Forwarded-Host  $host;\r\nproxy_set_header X-Forwarded-Port  $server_port;<\/code><\/pre>\n
    \u73b0\u5728\u4ece\u5916\u7f51\u8bbf\u95ee https:\/\/home.example.com<\/span> \u5e94\u8be5\u80fd\u6253\u5f00 Homer \u9ed8\u8ba4\u9996\u9875\u3002<\/p><\/blockquote>\n
    \n
    \u56db\u3001\u914d\u7f6e\u5bfc\u822a\u2014\u2014<\/b><\/h3>\n
    \u7528\u5185\u7f6e\u56fe\u6807\uff0c\u800c\u4e0d\u662f\u56fe\u7247<\/b><\/h3>\n
    \u5173\u952e\u533a\u522b<\/b>\uff1a<\/span><\/p><\/blockquote>\n
      \n
    • \n
      icon:<\/span> \u2192 \u4f7f\u7528 Font Awesome<\/b><\/span> \u5185\u7f6e\u56fe\u6807\uff08\u63a8\u8350\uff0c\u6c38\u4e0d\u5361\u56fe\uff09<\/p><\/blockquote>\n<\/li>\n
    • \n
      logo:<\/span> \u2192 \u4f7f\u7528\u56fe\u7247\u6587\u4ef6\/URL\uff08\u82e5\u56fe\u4e0d\u5b58\u5728\u5c31\u4f1a\u663e\u793a\u201c\u65ad\u56fe\u201d\uff09<\/p><\/blockquote>\n<\/li>\n<\/ul>\n
      \u6253\u5f00\u914d\u7f6e\uff1a<\/p>\n
      nano \/home\/admin\/homer\/assets\/config.yml<\/code><\/pre>\n
      \u5c06\u4e0b\u5217 \u53ef\u7528\u5373\u8d34<\/b><\/span> \u7684\u793a\u4f8b\u8986\u76d6\u7c98\u8d34\uff08\u5df2\u5168\u90e8\u6362\u7528\u5185\u7f6e\u56fe\u6807\uff09\uff1a<\/p>\n
      # === Homer \u914d\u7f6e\uff08\u5185\u7f6e\u56fe\u6807\u7248\uff09 ===\r\ntitle: \"Start\"\r\nsubtitle: \"Self-Hosted Services\"\r\n# logo: \"logo.png\"            # \u82e5\u6709\u81ea\u5b9a\u4e49\u56fe\u7247\u53ef\u542f\u7528\uff1b\u6ca1\u6709\u5c31\u6ce8\u91ca\u6389\r\n\r\ntheme: default                # \u53ef\u5207\u6362\uff1adefault \/ dracula \/ \u2026\r\ncolumns: 3                    # \u4e3b\u533a\u57df\u5217\u6570\uff082~4 \u4e4b\u95f4\u8c03\u6574\uff09\r\n\r\n# \u9876\u90e8\u5feb\u6377\u94fe\u63a5\r\nlinks:\r\n  - name: \"Blog\"\r\n    icon: \"fa-brands fa-wordpress\"\r\n    url: \"https:\/\/blog.example.com\"\r\n  - name: \"FreshRSS\"\r\n    icon: \"fa-solid fa-square-rss\"\r\n    url: \"https:\/\/rss.example.com\"\r\n  - name: \"Vaultwarden\"\r\n    icon: \"fa-solid fa-key\"\r\n    url: \"https:\/\/vault.example.com\"\r\n  - name: \"Syncthing\"\r\n    icon: \"fa-solid fa-arrows-rotate\"\r\n    url: \"https:\/\/sync.example.com\"\r\n  - name: \"Status\"\r\n    icon: \"fa-solid fa-heart-pulse\"\r\n    url: \"https:\/\/status.example.com\"\r\n\r\n# \u4e3b\u533a\u57df\u5361\u7247\uff08\u5173\u952e\uff1a\u6bcf\u4e2a item \u7528 icon \u5b57\u6bb5\uff09\r\nservices:\r\n  - name: \"Daily\"\r\n    icon: \"fa-solid fa-star\"\r\n    items:\r\n      - name: \"Blog\"\r\n        subtitle: \"WordPress\"\r\n        icon: \"fa-brands fa-wordpress\"\r\n        url: \"https:\/\/blog.example.com\"\r\n        target: \"_blank\"\r\n      - name: \"FreshRSS\"\r\n        subtitle: \"Feeds Hub\"\r\n        icon: \"fa-solid fa-square-rss\"\r\n        url: \"https:\/\/rss.example.com\"\r\n\r\n  - name: \"Personal\"\r\n    icon: \"fa-solid fa-user-shield\"\r\n    items:\r\n      - name: \"Vaultwarden\"\r\n        subtitle: \"Password Vault\"\r\n        icon: \"fa-solid fa-key\"\r\n        url: \"https:\/\/vault.example.com\"\r\n      - name: \"Syncthing\"\r\n        subtitle: \"File Sync\"\r\n        icon: \"fa-solid fa-arrows-rotate\"\r\n        url: \"https:\/\/sync.example.com\"\r\n\r\n  - name: \"Ops\"\r\n    icon: \"fa-solid fa-screwdriver-wrench\"\r\n    items:\r\n      - name: \"Status\"\r\n        subtitle: \"Uptime Kuma\"\r\n        icon: \"fa-solid fa-heart-pulse\"\r\n        url: \"https:\/\/status.example.com\"\r\n\r\n# \u9876\u90e8\u6d88\u606f\uff08\u53ef\u5220\uff09\r\nmessage:\r\n  style: \"is-info\"\r\n  title: \"Welcome\"\r\n  content: |\r\n    This is my self-hosted start page. Quick links above, grouped cards below.\r\n\r\n# \u5173\u95ed\u5e95\u90e8\u7248\u6743\uff08\u53ef\u9009\uff09\r\nfooter: false\r\n\r\n# \u81ea\u5b9a\u4e49\u6837\u5f0f\uff08\u4e0b\u4e00\u8282\u4f1a\u65b0\u5efa\uff09\r\nstylesheet:\r\n  - \"assets\/custom.css\"<\/code><\/pre>\n
      \u4fdd\u5b58\u9000\u51fa\uff0c\u5237\u65b0\u9875\u9762\u5373\u53ef\u751f\u6548<\/b><\/span>\uff1b\u82e5\u6d4f\u89c8\u5668\u7f13\u5b58\u672a\u66f4\u65b0\uff0c\u53ef\u8f7b\u91cd\u542f\uff1a<\/p>\n
      docker compose restart homer     # restart\uff1a\u91cd\u542f\u5bb9\u5668\u8bfb\u53d6\u65b0\u914d\u7f6e<\/code><\/pre>\n
      \n
      \u4e94\u3001\u8f7b\u5ea6\u7f8e\u5316\uff08\u53ef\u9009\uff09\uff1a<\/b><\/h3>\n
      custom.css<\/b><\/h3>\n
       \u80cc\u666f + \u5361\u7247\u9634\u5f71<\/b><\/h3>\n
      nano \/home\/admin\/homer\/assets\/custom.css<\/code><\/pre>\n
      \u7c98\u8d34\uff1a<\/p>\n
      \/* \u80cc\u666f\u67d4\u548c\u6e10\u53d8 *\/\r\nbody {\r\n  background: radial-gradient(1000px 600px at 20% 0%, #eef4ff 0%, #ffffff 60%, #ffffff 100%);\r\n}\r\n\r\n\/* \u5361\u7247\u5706\u89d2 + \u8f7b\u9634\u5f71 *\/\r\n.card {\r\n  box-shadow: 0 4px 14px rgba(0,0,0,.06);\r\n  border-radius: 14px;\r\n}\r\n\r\n\/* \u9876\u90e8\u6a2a\u5e45\u8f7b\u6e10\u53d8\uff08\u6839\u636e\u4e3b\u9898\u81ea\u884c\u8c03\u8272\uff09 *\/\r\n.navbar, .hero {\r\n  background-image: linear-gradient(90deg, #3b82f6, #2563eb);\r\n}<\/code><\/pre>\n
      \u4fdd\u5b58 \u2192 \u5237\u65b0\u6216 <\/span>docker compose restart homer\u3002<\/span><\/p>\n
      \u5982\u679c\u4f60\u66f4\u559c\u6b22\u6697\u8272<\/b><\/span>\uff0c\u628a theme: dracula<\/span>\uff0c\u5e76\u5728 CSS \u628a\u80cc\u666f\u8272\u8c03\u6697\u5373\u53ef\u3002<\/p>\n
      \n
      \u516d\u3001\u628a\u9996\u9875\u7eb3\u5165\u76d1\u63a7\uff08\u907f\u514d\u201c\u7a7a\u767d\u9875 200\u201d\uff09<\/b><\/h3>\n
      \u5728 Uptime Kuma<\/b><\/span> \u65b0\u5efa home.example.com<\/span> \u7684 HTTP(s) \u2013 \u5173\u952e\u5b57<\/b><\/span> \u76d1\u63a7\uff0c\u5173\u952e\u5b57\u586b\u9875\u9762\u6807\u9898\u7684\u4e00\u6bb5\uff0c\u5982 Self-Hosted Services<\/span>\u3002\u8fd9\u6837\u5373\u4f7f\u53cd\u4ee3\u8fd4\u56de\u4e86\u4e00\u4e2a 200 \u7684\u9ed8\u8ba4\u9875\uff0c\u4e5f\u80fd\u8bc6\u522b\u5185\u5bb9\u5f02\u5e38\u3002<\/p>\n
      \n
      \u4e03\u3001\u5347\u7ea7\u4e0e\u5907\u4efd<\/b><\/h3>\n
      cd \/home\/admin\/homer\r\ndocker compose pull && docker compose up -d   # \u62c9\u65b0\u955c\u50cf\u5e76\u5e73\u6ed1\u66f4\u65b0\r\ndocker compose logs -f                        # \u89c2\u5bdf\u542f\u52a8\u65e5\u5fd7\uff08Ctrl+C \u9000\u51fa\uff09<\/code><\/pre>\n
      \u5907\u4efd\uff1a\u4fdd\u5b58 <\/span>\/home\/admin\/homer\/assets\/ \u6574\u4e2a\u76ee\u5f55\uff08\u914d\u7f6e\u4e0e\u6837\u5f0f\u90fd\u5728\u8fd9\u91cc\uff09\u3002<\/span><\/p>\n
      \n
      \u5e38\u89c1\u5751\u4e0e\u89e3\u51b3<\/b><\/h2>\n
        \n
      1. \n
        \u201c\u5c0f\u65b9\u5757\u56fe\u6807\u663e\u793a\u65ad\u56fe\u201d<\/b><\/b><\/p>\n