How to Change the AskTable Logo and Name

This guide will detail how to modify the AskTable logo and brand name through Docker Compose configuration to achieve brand customization.

Detailed Steps

1. Prepare the Logo Files

Prepare two logo files:

• asktable.jpg: This will replace the logo in the top navigation bar of the website.

  

• logo.png: This will replace the logo on other pages of the website.

  

Place these two files in the same directory as your docker-compose.yml.

2. Configure docker-compose.yml

Add the following configuration to your docker-compose.yml file:

services:
  at_all_in_one:
    # ... other configurations ...
    environment:
      # ... other configurations ...
      AT_WEB_BRANDING_NAME=Your Brand Name
      AT_WEB_TITLE=Your Website Title
      AT_WEB_DESCRIPTION=Your Website Description
    volumes:
      # ... other configurations ...
      - ./asktable.jpg:/usr/share/nginx/html/asktable.jpg
      - ./logo.png:/usr/share/nginx/html/logo.png

3. Environment Variable Explanation

In the docker-compose.yml, you can configure the following environment variables to customize your brand:

• AT_WEB_BRANDING_NAME: Set the brand name.

  • Impact: Website brand name, e.g., AskTable.

• AT_WEB_TITLE: Set the website title.

  • Impact: The title displayed on the browser tab.
  • Impact: Website SEO title.
  • Corresponding HTML code:

    <title>${AT_WEB_TITLE}</title>

• AT_WEB_DESCRIPTION: Set the website description.

  • Impact: Website meta description.
  • Impact: Description text in search engine results.
  • Corresponding HTML code:

    <meta name="description" content="${AT_WEB_DESCRIPTION}" />

4. Apply Changes

After completing the configuration, restart the service:

docker compose down
docker compose up -d

Notes

1. Requirements for Logo File Specifications:

   • asktable.jpg: Please maintain a 3:1 aspect ratio.
   • logo.png: Please maintain a 1:1 aspect ratio.

2. After modifying the environment variables, you need to restart the service for the changes to take effect.