DevNest Portfolio logo DevNest Portfolio Конструктор портфолио для разработчиков
Установка и работа

Пошаговая инструкция: от первого запуска до готового сайта

Ниже собран спокойный маршрут по установке portable-версии, работе с темами и проектами, настройке языков и экспорту итогового портфолио.

Где скачать

Выберите удобный источник загрузки — официальный релиз или прямое облачное зеркало

Все три варианта ведут к portable-версии приложения. Выбирайте тот способ, который удобнее именно вам.

Установка

Как установить portable-версию на Windows

01

Проверьте версию Windows

Приложение рассчитано на Windows 10 и Windows 11. Если на компьютере другая версия системы, работа не гарантируется.

02

Скачайте архив с приложением

Откройте страницу релизов, скачайте portable-версию и дождитесь завершения загрузки.

03

Распакуйте архив в удобную папку

Подойдут «Документы» или любая другая рабочая директория, в которой вам удобно хранить программу и экспортируемые сайты.

04

Запустите portable exe

Откройте распакованную папку и запустите файл приложения. При желании создайте ярлык на рабочем столе. ПКМ → Отправить → Рабочий стол (создать ярлык)

Подсказка для Windows 11

Если в контекстном меню не видно создания ярлыка, нажмите «Показать дополнительные параметры» или запускайте приложение напрямую из папки.

Использование

Как пользоваться приложением после запуска

Ниже собран короткий пошаговый walkthrough. Переключайте шаги и смотрите на соответствующую зону интерфейса.

Шаг 01

1. Заполните профиль разработчика

Слева находится карточка профиля: введите имя, краткое био и выберите фото. После этого нажмите кнопку сохранения профиля.

Профиль разработчика Сначала заполните имя, фото и короткое био. Этот блок сразу формирует верхнюю часть будущего портфолио.
Карта интерфейса

Карта интерфейса

Ниже — ориентир по ключевым зонам приложения. Если хотите спокойно рассмотреть интерфейс, откройте схему в полном размере.

Схема автоматически подстраивается под текущий язык страницы: русская версия показывает русские подписи, английская — английские.

Основные функции

Что именно умеет приложение внутри рабочего процесса

Темы

Нужны для разделения проектов по направлениям и удобной навигации внутри портфолио.

Карточки проектов

Содержат весь основной контент: название, описание, ссылку, доп. поле и обложку.

Фото и обложки

Изображения выбираются с компьютера и копируются в локальное хранилище приложения.

Поиск

Ускоряет работу, когда проектов внутри темы становится больше.

Языки

Как работает переключение языка и двуязычный экспорт

Обычный режим
  • Переключатель `RU / EN` меняет язык интерфейса приложения.
  • Если двуязычный режим выключен, экспортированный сайт будет собран на выбранном в этот момент языке.
  • Это удобный вариант, если вам нужна одна конкретная версия портфолио.
Двуязычный режим
  • Включите «Поддержка двух языков», чтобы появились поля для русского и английского текста.
  • Заполните обе версии названий, описаний и профиля разработчика.
  • При экспорте сайт получит собственный переключатель языка и останется полностью статическим.
Экспорт

Как получить готовый сайт и что происходит после нажатия кнопки

01

Нажмите «Экспортировать сайт»

Приложение соберёт отдельную папку с HTML, CSS, JS, JSON и всеми нужными изображениями.

02

Откройте папку результата

Кнопка открытия папки переводит вас сразу к последнему экспортированному сайту.

03

Запустите `index.html`

Так можно быстро проверить результат локально в браузере до публикации.

04

Загрузите сайт на хостинг

Экспорт подходит для обычного статического размещения, в том числе на GitHub Pages.

Как сохраняются данные

Проекты, темы, фото, обложки и настройки языка хранятся локально в пользовательской папке приложения. Это позволяет не терять данные после перезапуска.

Что важно знать про фото и обложки

Когда вы выбираете изображение, приложение копирует его в собственное локальное хранилище. Поэтому исходный файл можно хранить где угодно, а экспорт всё равно соберётся корректно.

Следующий шаг

Можно начинать с одного направления и пары проектов, а потом спокойно расширять портфолио дальше