跳到主要内容

如何更改 AskTable Logo 和名字

本指南将详细介绍如何通过 docker-compose 配置修改 AskTable 的 Logo 和品牌名称，实现品牌定制化。

详细步骤​

1. 准备 Logo 文件​

  • logo.png 默认logo 如下图：
    Logo

将该文件放在与 docker-compose.yml 相同的目录下。

2. 配置 docker-compose.yml​

在 docker-compose.yml 文件中添加以下配置：

services:
  asktable:
    # ... 其他配置 ...
    environment:
      # ... 其他配置 ...
      APP_NAME: 您的品牌名称
      APP_TITLE: 您的网站标题
      APP_DESCRIPTION: 您的网站描述
    volumes:
      # ... 其他配置 ...
      - ./logo.png:/usr/share/nginx/html/logo.png

3. 环境变量说明​

在 docker-compose.yml 中，您可以配置以下环境变量来自定义您的品牌：

  • APP_NAME: 设置品牌名称

    • 影响：网站品牌名称, 如: AskTable

  • APP_TITLE: 设置网站标题

    • 影响：浏览器标签页显示的标题
    • 对应 HTML 代码： 
      <title>${APP_TITLE}</title>

  • APP_DESCRIPTION: 设置网站描述

    • 影响：网站的描述文本（在链接被引用的时候会展示给用户）
    • 对应 HTML 代码： 
      <meta name="description" content="${APP_DESCRIPTION}" />

4. 应用更改​

完成配置后，重新启动服务：

docker compose down
docker compose up -d

注意事项​

  1. 关于Logo文件的规范要求：

    • logo.png: 请保持1:1的宽高比

  2. 修改环境变量后，需要重启服务才能使更改生效