1. Знакомство с Дэши

1.1 Знакомство с Дэши

Dashy — это персональная навигационная страница с открытым исходным кодом. Это страница, объединяющая несколько веб-сайтов. На этой странице вы можете быстро получить доступ к часто используемым веб-сайтам. Dashy имеет широкие возможности настройки. Вы можете самостоятельно добавлять и удалять веб-сайты, а также самостоятельно менять темы и фон.

1.2 Функции Dashy

Возможности персональной навигационной страницы Dashy включают в себя:

• Красиво и просто: Дизайн интерфейса личной навигационной страницы Dashy прост и красив и не вызывает зрительного утомления пользователей.
• Настраиваемые категории: пользователи могут добавлять, удалять и редактировать категории на странице навигации, чтобы классифицировать веб-сайты для быстрого поиска.
• Поддержка перетаскивания: пользователи могут добавлять ссылки веб-сайтов на свои собственные страницы навигации, перетаскивая их, что удобно и быстро.
• Синхронизация нескольких устройств: личную навигационную страницу Dashy можно синхронизировать с несколькими устройствами, и пользователи могут просматривать свою собственную навигационную страницу на любом устройстве.
• Быстрый поиск: персональная навигационная страница Dashy поддерживает быстрый поиск. Пользователи могут ввести соответствующие ключевые слова в поле поиска, чтобы быстро найти нужный веб-сайт.
• Выбор нескольких тем: пользователи могут выбирать различные темы в соответствии со своими предпочтениями и персонализировать свою навигационную страницу.

2. Знакомство с местной средой

2.1 Планирование местной окружающей среды

Эта практика представляет собой личную тестовую среду, а версия операционной системы — centos7.6.

2.2 Введение в эту практику

1. Среда развертывания для этой практики — это персональная тестовая среда. Используйте рабочую среду с осторожностью.

2. Успешно развернули личную навигационную страницу Dashy в среде Docker.

3. Проверка местной окружающей среды

3.1 Проверка статуса службы Docker

Проверьте, нормально ли работает служба Docker, и убедитесь, что Docker работает нормально.

[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container Engine
   Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
   Active: active (running) since Thu 2023-06-15 16:03:02 CST; 1 day 22h ago
     Docs: https://docs.docker.com
 Main PID: 32147 (dockerd)
    Tasks: 13
   Memory: 718.7M

3.2 Проверьте версию Docker

Проверьте версию Докера

[root@jeven ~]# docker -v 
Docker version 20.10.17, build 100c701

3.3 Проверьте версию Docker Compose

Проверьте версию Docker Compose, чтобы убедиться, что она 2.0 или выше.

[root@jeven ~]# docker compose version
Docker Compose version v2.6.0

4. Подготовка перед развертыванием

4.1 Загрузите пакет исходного кода Dashy

Загрузите пакет исходного кода Dashy с github.

 git clone https://github.com/Lissy93/dashy.git

4.2 Просмотр исходного пакета Dashy

• Просмотрите каталог исходного кода [root@jeven] Dashy]#tree -L 2 ./ ./ ├── app.json ├── CNAME ├── докер │ ├── Dockerfile-arm32v7 │ ├── Dockerfile-arm64v8 │ ├── Dockerfile-lite │ ├── Dockerfile-old │ ├── docker-readme.md │ ├── крючки │ └── nginx.conf ├── docker-compose.yml ├── Dockerfile ├── документы │ ├── alter-views.md │ ├── активы │ ├── аутентификация.md │ ├── backup-restore.md │ ├── configuring.md │ ├── Supplies.md │ ├──credits.md │ ├── Deployment.md │ ├── development.md │ ├── development-guides.md │ ├── icon.md │ ├── Management.md │ ├── multi-language-support.md │ ├── Pages-and-sections.md │ ├── Privacy.md │ ├── fast-start.md │ ├── readme.md │ ├── Release-workflow.md │ ├── search.md │ ├── витрина │ ├── showcase.md │ ├── status-indicators.md │ ├── theming.md │ ├── устранение неполадок.md │ └── widgets.md ├── ЛИЦЕНЗИЯ ├── netlify.toml ├── package.json ├── Профиль ├── публичный │ ├── conf.yml │ ├── favicon.ico │ ├── шрифты │ ├── img │ ├── index.html │ ├── инициализация.html │ ├── значки предметов │ ├── loading-screen.css │ ├── манифест.json │ ├── robots.txt │ ├── веб-иконки │ └── ресурсы виджетов ├── README.md ├── server.js ├── услуги │ ├── config-validator.js │ ├── cors-proxy.js │ ├── healthcheck.js │ ├── print-message.js │ ├── rebuild-app.js │ ├── save-config.js │ ├── бессерверные функции │ ├── SSL-server.js │ ├── status-check.js │ ├── system-info.js │ └── update-checker.js ├── источник │ ├── App.vue │ ├── активы │ ├── компоненты │ ├── директивы │ ├── main.js │ ├── миксины │ ├── router.js │ ├── store.js │ ├── стили │ ├── утилиты │ └── просмотров ├── vue.config.js └── пряжа.lock 21 каталог, 62 файла

5. Разверните личную страницу навигации.

5.1 Создать каталог данных

Создать каталог данных

 mkdir -p /data/st/dashy/icons

5.2 Установка пользователя для входа

5.2.1 Отредактируйте файл conf.yml

В каталоге /data/st/dashy/ отредактируйте файл conf.yml со следующим содержимым.

vim conf.yml

---
# Page meta info, like heading, footer text and nav links
pageInfo:
  title: Dashy
  description: Welcome to your new dashboard!
  navLinks:
  - title: GitHub
    path: https://github.com/Lissy93/dashy
  - title: Documentation
    path: https://dashy.to/docs

# Optional app settings and configuration
appConfig:
  theme: colorful
  layout: auto
  iconSize: medium
  language: en
  auth:
    users:
      - user: admin    # Измените его на свое имя пользователя
        hash: 8c6976e5b5410415bde908bd4dee15dfb167a9c873fc4bb8a81f6f2ab448a918   # cha256 Хэш-шифрование, используйте его для адреса: https://emn178.github.io/online-tools/sha256.html
        type: admin
# Main content - An array of sections, each containing an array of items
sections:
- name: Getting Started
  icon: fas fa-rocket
  items:
  - title: Dashy Live
    description: Development a project management links for Dashy
    icon: https://i.ibb.co/qWWpD0v/astro-dab-128.png
    url: https://live.dashy.to/
    target: newtab
  - title: GitHub
    description: Source Code, Issues and Pull Requests
    url: https://github.com/lissy93/dashy
    icon: favicon
  - title: Docs
    description: Configuring & Usage Documentation
    provider: Dashy.to
    icon: far fa-book
    url: https://dashy.to/docs
  - title: Showcase
    description: See how others are using Dashy
    url: https://github.com/Lissy93/dashy/blob/master/docs/showcase.md
    icon: far fa-grin-hearts
  - title: Config Guide
    description: See full list of configuration options
    url: https://github.com/Lissy93/dashy/blob/master/docs/configuring.md
    icon: fas fa-wrench
  - title: Support
    description: Get help with Dashy, raise a bug, or get in contact
    url: https://github.com/Lissy93/dashy/blob/master/.github/SUPPORT.md
    icon: far fa-hands-helping

5.2.2 Хэш-шифрование паролей

Установите имя пользователя для входа в систему «admin», пароль «admin», а пароль хэшируется.

URL-адрес посещения：https://emn178.github.io/online-tools/sha256.html

Вставьте сюда описание изображения

5.2.3 Установка имени пользователя в файле conf.yml

Заполните хешированный пароль в conf.yml.

Вставьте сюда описание изображения

5.3 Просмотр файла docker-compose.yml

Проверьте файл docker-compose.yml, чтобы изменить сопоставленный порт и путь монтирования.

[root@jeven dashy]# cat docker-compose.yml 
---
# Welcome to Dashy! To get started, run `docker compose up -d`
# You can configure your container here, by modifying this file
version: "3.8"
services:
  dashy:
    container_name: Dashy

    # Pull latest image from DockerHub
    image: lissy93/dashy

    # To build from source, replace 'image: lissy93/dashy' with 'build: .'
    # build: .

    # Or, to use a Dockerfile for your archtecture, uncomment the following
    # context: .
    # dockerfile: ./docker/Dockerfile-arm32v7

    # You can also use an image with a different tag, or pull from a different registry, e.g:
    # image: ghcr.io/lissy93/dashy or image: lissy93/dashy:arm64v8

    # Pass in your config file below, by specifying the path on your host machine
    volumes:
       - /data/st/dashy/conf.yml:/app/public/conf.yml
       - /data/st/dashy/icons:/app/public/item-icons

    # Set port that web service will be served on. Keep container port as 80
    ports:
      - 4000:80

    # Set any environmental variables
    environment:
      - NODE_ENV=production
    # Specify your user ID and group ID. You can find this by running `id -u` and `id -g`
    #  - UID=1000
    #  - GID=1000

    # Specify restart policy
    restart: unless-stopped

    # Configure healthchecks
    healthcheck:
      test: ['CMD', 'node', '/app/services/healthcheck']
      interval: 1m30s
      timeout: 10s
      retries: 3
      start_period: 40s

5.4 Создание контейнера Dashy

Используйте docker Compose для быстрого создания контейнеров Dashy

[root@jeven dashy]# docker compose up -d
[+] Running 2/2
 ⠿ Network dashy_default  Created                                                                                                                 0.1s
 ⠿ Container Dashy        Started                                                                                                                 0.4s

Вставьте сюда описание изображения

5.5 Проверка статуса контейнера Dashy

Проверьте статус контейнера Dashy

[root@jeven dashy]# docker compose ps
NAME                COMMAND                  SERVICE             STATUS               PORTS
Dashy               "docker-entrypoint.s…"   dashy               running (starting)   0.0.0.0:4000->80/tcp, :::4000->80/tcp

6. Посетите персональную навигационную страницу Dashy.

Адрес доступа: http://192.168.3.166:4000/

Введите установленное имя пользователя и пароль.

Вставьте сюда описание изображения

Вставьте сюда описание изображения

7. Базовое использование Dashy

7.1 Установите китайский язык

• Войдите в интерфейс настроек

Вставьте сюда описание изображения

• Выберите главное меню – Установить язык – Упрощенный китайский – Сохранить.

Вставьте сюда описание изображения

Вставьте сюда описание изображения

Вставьте сюда описание изображения

7.2 Сменить тему

В настройках темы выберите тему.

Вставьте сюда описание изображения

Вставьте сюда описание изображения

7.3 Добавить новую веб-ссылку

• Войдите в интерактивный редактор и выберите «Добавить новую ссылку».

Вставьте сюда описание изображения

Вставьте сюда описание изображения

7.4 Откройте новую веб-ссылку

Откройте новую веб-ссылку

Вставьте сюда описание изображения

Вставьте сюда описание изображения

Я участвую во втором этапе специального тренировочного лагеря Tencent Technology Creation 2023 с призовыми эссе, чтобы разделить призовой фонд в 10 000 юаней и часы с клавиатурой.