Добавить в корзинуПозвонить
Найти в Дзене

Ты знал что можно сделать такой сайт в стиле linktree бесплатно на базе Github

? Кстати я это сделал в Codex, буквально за 10 минут, даже правки не вносил. Только вставил этот промпт и инфу про себя👇🏻 Создай для меня одностраничный сайт-визитку в стиле Linktree — страницу, на которой собран список моих ссылок. Работай в текущей папке проекта. ЧТО ЭТО ЗА САЙТ И ДЛЯ КОГО Личная страница-визитка. Её цель — собрать все мои ссылки в одном месте, чтобы давать одну ссылку вместо десяти. Открывать её будут в основном с телефона. ЧТО НА СТРАНИЦЕ (сверху вниз) 1. Круглый аватар. Выбери ОДИН вариант, остальные удали: - эмодзи: [🚀] - мои инициалы: [СД] - фото по ссылке: [ВСТАВЬ ССЫЛКУ НА ФОТО, если есть] 2. Имя крупным шрифтом: [ИМЯ ФАМИЛИЯ] 3. Короткое описание под именем, одна строка: [НАПРИМЕР: Маркетолог. Помогаю малому бизнесу с рекламой] 4. Список кнопок-ссылок, каждая на всю ширину, 4–6 штук: - [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА] - [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА] - [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА] - [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА] 5. Внизу — ряд небольших иконок соцсетей со ссы

Ты знал что можно сделать такой сайт в стиле linktree бесплатно на базе Github?

Кстати я это сделал в Codex, буквально за 10 минут, даже правки не вносил.

Только вставил этот промпт и инфу про себя👇🏻

Создай для меня одностраничный сайт-визитку в стиле Linktree — страницу, на

которой собран список моих ссылок. Работай в текущей папке проекта.

ЧТО ЭТО ЗА САЙТ И ДЛЯ КОГО

Личная страница-визитка. Её цель — собрать все мои ссылки в одном месте, чтобы

давать одну ссылку вместо десяти. Открывать её будут в основном с телефона.

ЧТО НА СТРАНИЦЕ (сверху вниз)

1. Круглый аватар. Выбери ОДИН вариант, остальные удали:

- эмодзи: [🚀]

- мои инициалы: [СД]

- фото по ссылке: [ВСТАВЬ ССЫЛКУ НА ФОТО, если есть]

2. Имя крупным шрифтом: [ИМЯ ФАМИЛИЯ]

3. Короткое описание под именем, одна строка: [НАПРИМЕР: Маркетолог. Помогаю

малому бизнесу с рекламой]

4. Список кнопок-ссылок, каждая на всю ширину, 4–6 штук:

- [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА]

- [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА]

- [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА]

- [НАЗВАНИЕ КНОПКИ] → [ССЫЛКА]

5. Внизу — ряд небольших иконок соцсетей со ссылками:

- Telegram → [ССЫЛКА]

- Instagram → [ССЫЛКА]

- YouTube → [ССЫЛКА]

КАК ДОЛЖНО ВЫГЛЯДЕТЬ

- Только один файл index.html. Стили и скрипты — внутри этого же файла.

- Mobile-first: главное, чтобы страница отлично смотрелась на телефоне.

- Контент по центру, колонка шириной примерно 480 пикселей.

- Кнопки — крупные, с хорошо скруглёнными углами, при наведении мышкой слегка

приподнимаются (мягкая анимация).

- Фон — мягкий: выбери ОДИН вариант — однотонный спокойный цвет или плавный

градиент. Цвета: [УКАЖИ 1–2 ЦВЕТА ИЛИ НАПИШИ «подбери на свой вкус»].

- Один аккуратный современный шрифт, можно подключить с Google Fonts.

- Иконки соцсетей вставь как встроенные SVG прямо в код.

ЧЕГО НЕ ДЕЛАЙ

- Не делай форму обратной связи, не подключай аналитику, базу данных, бэкенд.

- Не разбивай проект на несколько файлов и страниц — только один index.html.

- Не используй сборщики, npm-пакеты, React и другие фреймворки.

ПОСЛЕ ТОГО КАК СОЗДАШЬ ФАЙЛ

1. Открой страницу в браузере, чтобы я увидел результат.

2. Подготовь проект к публикации на GitHub:

- инициализируй git в папке проекта, если он ещё не инициализирован;

- создай новый ПУБЛИЧНЫЙ репозиторий на GitHub и подключи его к проекту

как удалённый репозиторий (remote origin);

- если создать репозиторий автоматически не получается — дай мне короткую

инструкцию простыми словами, как создать пустой публичный репозиторий на

github.com и где скопировать его ссылку, чтобы ты подключил его как

remote origin;

- сделай commit и push в ветку main, установи её как основную (upstream).

3. Напиши мне пошаговую инструкцию простыми словами, без технических терминов:

как включить GitHub Pages в настройках репозитория, чтобы моя страница

открылась в интернете по ссылке.

❗️Важный момент. Чтобы это работало бесплатно, вам нужен публичный репозиторий. А это значит, что вся инфа на этом сайте будет открыта. Поэтому этот способ подойдёт только для сайтов с открытой инфой, типа портфолио или ссылок на ваши проекты.

🤖 В эпоху AI