Обзор Редактирования Сайтов
Страница Редактирование Сайтов в VpAdmin предоставляет мощный и оптимизированный интерфейс для управления и редактирования ваших веб-сайтов, упрощая весь процесс публикации от создания контента до развертывания. Она сочетает в себе представление дерева файлов, редактор markdown/кода и надежные инструменты контроля версий, позволяя вам с легкостью настраивать контент, структуру и рабочий процесс развертывания вашего сайта.
Обзор
Страница разделена на три основные секции:
Левая Боковая Панель: Обеспечивает доступ к дереву файлов проекта, различным действиям и информации, связанной с проектом.
Разделитель: Перетаскиваемый разделитель, используемый для настройки ширины левой боковой панели.
Основная Область Контента: Отображает содержимое файла в редакторе, вкладки для разных открытых файлов и инструменты управления проектом.
Левая Боковая Панель
Левая боковая панель предназначена для навигации и управления проектом и включает несколько ключевых компонентов:
Переключатель Заголовка
Функциональность: Переключает видимость секции заголовка, которая содержит селектор проекта, кнопку обновления и прогресс квоты проекта.
Действие: Нажатие на значок переключателя заголовка переключает видимость заголовка.
Селектор Проекта
Функциональность: Выберите проект, который вы хотите редактировать.
Действие: Щелкните на выпадающем списке и выберите проект из списка.
Прогресс Квоты Проекта
Функциональность: Отображает текущую квоту использования сайта. Отображаемая емкость хранилища будет варьироваться в зависимости от выбранного тарифного плана для вашего сайта. Для получения более подробной информации, пожалуйста, обратитесь к Ценам.
Скриншот Прогресса Квоты Проекта:
Панель Действий
Функциональность: Предоставляет набор кнопок для управления файлами и внесения изменений в ваш сайт.
Расположение: Панель действий включает следующие кнопки:
- Показать Точки Восстановления: Позволяет вам получать доступ и управлять точками восстановления вашего проекта, помогая вам вернуться к более ранним версиям.
- Сохранить Все: Сохраняет все внесенные вами изменения.
- Развернуть Все: Разворачивает все узлы в дереве файлов.
- Свернуть Все: Сворачивает все узлы в дереве файлов.
- Показать/Скрыть Все Файлы: Переключает отображение всех файлов или только тех, которые относятся к контенту вашего сайта.
- Скачать Проект: Загружает zip-файл, содержащий файлы вашего сайта.
- Показать/Скрыть Измененные Файлы: Переключает отображение измененных файлов в дереве.
- Просмотреть Историю: Открывает историю коммитов, позволяя вам вернуться к предыдущей версии.
- Отправить Изменения: Отправляет выбранные вами измененные файлы в качестве новой версии вашего сайта, но не публикует изменения.
- Опубликовать Проект: Публикует ваш веб-сайт, делая изменения активными на вашем домене.
Скриншот Панели Действий:
Индикатор Прогресса Публикации
Функциональность: Отображает текущий прогресс публикации вашего сайта или результат последней публикации.
Действие: Нажмите на кнопку "+", чтобы скрыть/показать подробную информацию о текущем прогрессе. Если текущий сайт не публикуется, будет отображен результат последней публикации. Если последняя публикация не удалась, вы можете просмотреть журналы ошибок.
Дерево Файлов
Функциональность: Отображает структуру файлов сайта, позволяя вам перемещаться и выбирать файлы для редактирования.
Особенности:
- Навигация: Используйте значок стрелки для разворачивания и сворачивания папок.
- Выбор Файла: Нажмите на имя файла, чтобы открыть файл в редакторе.
- Перетаскивание: Перетащите файлы, чтобы организовать свой сайт; вы также можете перетащить локальные файлы для загрузки на ваш сайт.
- Контекстное Меню: Наведите курсор на кнопку контекстного меню, чтобы показать выпадающее меню, предлагающее больше операций, связанных с узлом.
Представление Измененных Файлов
Функциональность: Отображает все файлы, которые вы изменили, с индикатором статуса. Вы также можете сравнить изменения и отменить модификации.
Представление Истории Версий
Функциональность: Показывает историю ваших версий, позволяя вам перемещаться по версии проекта и вернуть ваш сайт к определенной версии. Примечание: Это приведет к потере всех изменений, внесенных после этой версии. Система автоматически создаст точку восстановления, чтобы сохранить текущее состояние сайта. Кроме того, версии с зеленым значком были опубликованы, а версии с серым значком еще не были опубликованы в интернете.
Разделитель
Функциональность: Позволяет вам изменять ширину левой боковой панели, перетаскивая ее влево или вправо.
Основная Область Контента
Основная область контента предоставляет интерфейс для просмотра и редактирования различных форматов файлов и деталей проекта.
Вкладки
- Функциональность: Отображает несколько открытых файлов в виде вкладок, что обеспечивает удобную навигацию.
- Особенности:
Метка Вкладки: Показывает имя файла и указывает статус несохраненного или сохранения с помощью точки и индикатора загрузки.
Меню Правой Кнопки Мыши: Нажмите правой кнопкой мыши на вкладке, чтобы получить доступ к таким опциям, как: закрыть, обновить.
Редактор Файлов
Функциональность: Предоставляет редактор для просмотра и редактирования содержимого файла на основе различных форматов, включая markdown, код и изображение.
Особенности:
- Редактор Markdown: Поддерживает форматирование rich, предварительный просмотр в реальном времени и сохранение документов Markdown.
- Редактор Кода: Поддерживает подсветку синтаксиса и редактирование файлов кода.
- Просмотрщик Изображений: Отображает файлы изображений.
- Представление Diff: Показывает изменения между двумя версиями.
Заключение
Страница Редактирование Сайтов в VpAdmin предоставляет оптимизированную среду для управления контентом веб-сайтов, позволяя вам легко перемещаться по вашему проекту, редактировать файлы и эффективно развертывать изменения, при этом пользуясь надежным контролем версий и упрощенными рабочими процессами публикации. Благодаря своему интуитивно понятному дизайну и мощным функциям вы можете беспрепятственно поддерживать и обновлять свои веб-сайты через VpAdmin.