Getting started

Getting Started

  1. После авторизации вы попадаете в Dashboard. Для вас автоматически создаются 2 проекта: Onboarding Tutorial — который научит основам работы в Quarkly, и Website Example — пример готового сайта.

  2. Создайте новый Quarkly проект, для этого нажмите на карточку с кнопкой “+” и введите имя проекта.

  3. Теперь перейдите в проект, для этого кликните по нему или вызовите контекстное меню и выберите пункт "Open"

  4. Вы находитесь в интерфейсе визуального редактора.  Чтобы переименовать проект или дать доступ к нему другим участникам, откройте меню настроек проекта.

  5. Добавьте готовый блок в макет, нажав кнопку “+” в центре страницы

  6. Выберите понравившийся блок и кликните на него

  7. Теперь выберем текстовый элемент на странице. Кликните по нему зажав Ctrl, или ⌘ (Cmd) на MacOS. Такой выбор позволяет выбирать элементы минуя все родительские. Еще можно выбирать дочерние элементы двойным кликом.

  8. Измените цвет текста в правой панели свойств

  9. Отредактируйте текст. Для этого кликните два раза по тексту в выбранном элементе

  10. В Quarkly вы можете создавать страницы, для этого откройте панель Pages and Layers

  11. Чтобы добавить элемент, перейдите во вкладку Components. Здесь есть как примитивные компоненты так и сложные. Ещё здесь можно создавать свои компоненты.

  12. Просто перетяните в нужное место компонент, и он станет частью страницы

  13. Опубликуем проект. Чтобы начать публикацию, нажмите кнопку “Publish”

  14. Подключите GitHub-аккаунт для экспорта проекта в репозиторий

  15. Выберите опцию "New repository", введите название и нажмите кнопку "Create repository"

  16. После подключения репозитория, подключите Netlify-аккаунт

  17. Выберите опцию "New website" и нажмите кнопку "Create website"

  18. Нажмите кнопку Deploy to Netlify чтобы начать сборку

  19. Процесс сборки проекта занимает несколько минут. Как только бейдж станет Success, это будет означать что проект опубликован и доступен по ссылке.

  20. Кликните на ссылку чтобы открыть опубликованный проект.

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