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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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