Как создать личный сайт без кода

Раньше для личного сайта нужно было немного выучить HTML, арендовать хостинг и повозиться с темой оформления. Многим это всё ещё нравится, и это хорошее увлечение. Но если вам просто нужно своё место в интернете — с именем, работами и способом связи, — техническую часть можно полностью пропустить.

Это руководство проведёт вас через создание небольшого личного сайта без единой строки кода. Самое трудное здесь не инструменты, а решение, что сказать. Поэтому большая часть руководства посвящена именно этому.

Решите, для чего нужен сайт

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

Выберите одну главную задачу и запишите её. «Место, куда отправлять тех, кто спрашивает, что я создаю». «Дом для моих фотографий птиц и историй о них». «Место, где будущий работодатель увидит, что мне важно». Это предложение определяет, что будет на первом экране, а что может подождать.

Если колеблетесь между полноценным сайтом и простой страницей ссылок, сначала прочитайте о выборе между личным сайтом и ссылкой из профиля. Многие находят подходящую середину в небольшом сайте с коротким списком ссылок.

Сначала напишите, потом оформляйте

Хочется начать с выбора цветов. Отложите это на двадцать минут и вместо этого напишите четыре вещи:

1. Заголовок: ваше имя или название того, чему посвящён сайт.
2. Вступление из одного-двух предложений своим голосом.
3. Главную ссылку с подписью, объясняющей, что произойдёт дальше.
4. Строку контактов, которую вам удобно поддерживать.

Для садовода, который пишет о балконных растениях, это может быть: «Балкон Амы», «Я выращиваю слишком много на очень маленьком балконе и записываю, что получается», «Читать свежие балконные заметки» и «Напишите о семенах или обмене растениями». Это уже сайт. Всё остальное — дополнение.

Выберите сцену, подходящую истории

Сайты Mini Casa строятся на иллюстрированных сценах, называемых casas, поэтому дизайн уже сделан за вас. Ваша задача — выбрать сцену под своё настроение. В Лунном почтовом отделении крошечный почтальон и очень большая вселенная — для тех, кто собирает далёких друзей и маленькие сигналы. Книжный уголок — тёплая читальная комната для писателей и читателей. В Тайной оранжерее повсюду растения и терпеливая улитка — естественный дом для всего, что растёт медленно.

После выбора Casa DNA позволяет менять доступные детали, например палитру, сезон или предметы вокруг жителя. Зафиксируйте понравившееся, перемешайте остальное и продолжайте, пока не получится место, которое вам самим хотелось бы посетить. Вы не редактируете код или CSS, а выбираете из вариантов, которые дизайн уже поддерживает.

Добавьте глубину с помощью публикаций

Заголовок и ссылка создают страницу. Несколько публикаций делают её обжитой. Публикацией может быть короткая заметка, изображение с подписью, ссылка с предложением о том, почему она важна, или проект. На бесплатном тарифе есть место для 6 публикаций, ссылок или работ портфолио — для первой версии этого вполне достаточно.

Хорошие первые публикации небольшие и конкретные. Фотография того, над чем работаете, и одна строка об этом. Ссылка на написанную вами статью с объяснением, чем вы гордитесь. Заметка о том, чему учитесь в этом месяце. Функция публикаций объясняет черновики, закрепление и порядок. Черновики остаются закрытыми до публикации, поэтому можно писать без наблюдающей аудитории.

Небольшой пример от начала до конца

Вот как это выглядит для вполне жизненного персонажа. Тео преподаёт фортепиано и по выходным записывает необычные маленькие каверы. Его цель — «место, куда отправлять родителей с вопросами об уроках и друзей с вопросами о записях». Заголовок — его имя. Во вступлении сказано, что он учит начинающих любого возраста рядом с рекой и записывает каверы неумело, но с радостью.

Главная ссылка ведёт на запись на пробный урок. Контактная строка приглашает спрашивать о времени занятий. Он выбирает Книжный уголок, потому что тот похож на музыкальную комнату с горящей лампой, делает палитру теплее и добавляет две публикации: ссылку на короткую запись и заметку о том, как проходят первые уроки. На это ушёл один вечер, а сайт отвечает на все вопросы, которые раньше приходили в сообщениях.

Сохраняйте честность и актуальность

Самая распространённая проблема личных сайтов — не плохой дизайн, а старые сведения. Сайт, где написано, что вы «сейчас работаете над» чем-то трёхлетней давности, незаметно сообщает посетителям, что вас здесь нет.

Пишите то, что хорошо переносит время. «Я делаю…» вместо «Сейчас я…». Не ставьте даты во вступление, если не планируете их обновлять. Убирайте ссылки, которые больше не ведут ни к чему полезному. Небольшой сайт с тремя правдивыми вещами лучше большого с десятью устаревшими.

О чём можно не беспокоиться

Для старта покупать домен не нужно. Можно опубликовать сайт по бесплатному адресу Mini Casa и решить позже. Подключение уже принадлежащего вам домена — необязательный шаг на платном тарифе, а собственные домены сейчас находятся в предварительном режиме. Если нужна предыстория, руководство по выбору веб-адреса разбирает преимущества и ограничения.

Вам не нужны хостинг, плагины, обновления безопасности или процесс сборки. Не нужно знать, что такое файл CSS. Нужно лишь время от времени возвращаться и проверять, что сайт всё ещё звучит как вы.