Коротко:
- GitHub Pages ??” безкоштовний статичний хостинг, ідеальний для технічно підкованих користувачів, яким потрібен повний контроль без жодних витрат.
- Налаштування: створіть репозиторій, додайте HTML-сторінку, увімкніть GitHub Pages ?†’ адреса стане
username.github.io/bio. - Кому підійде: розробникам і техноавторам. Кому ні: нетехнічним користувачам (потрібні знання HTML).
Навіщо використовувати GitHub Pages?
- Повністю безкоштовно (без лімітів для статики).
- Підтримка власного домену (CNAME).
- Повний контроль над HTML / CSS / JS.
- Контроль версій (історія змін у Git).
- Жодного брендування платформи.
- Швидке завантаження статики.
Налаштування
1
Створіть новий репозиторій на GitHub з назвою
username.github.io.
2
Додайте файл
index.html зі своєю сторінкою посилань у біо (HTML + CSS).
3
Завантажте зміни на GitHub.
4
Settings ?†’ Pages ?†’ Source ?†’ гілка main ?†’ Save.
5
Сторінка розгорнеться за адресою
username.github.io протягом 1-5 хвилин.
HTML-шаблон
Мінімалістична сторінка посилань у біо:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Your Name ??” Bio</title>
<style>
body { font: 16px sans-serif; max-width: 400px; margin: 40px auto; padding: 20px; }
a { display: block; padding: 12px; background: #f5f5f5; margin: 8px 0;
border-radius: 8px; text-decoration: none; color: #000; text-align: center; }
a:hover { background: #e0e0e0; }
</style>
</head>
<body>
<h1>Your Name</h1>
<p>Designer + developer</p>
<a href="https://twitter.com/you">Twitter</a>
<a href="https://newsletter.com">Newsletter</a>
<a href="https://store.com">Shop</a>
</body>
</html>Власний домен
1
Купіть домен (Cloudflare / Namecheap).
2
Додайте CNAME-запис, який вказує на
username.github.io.
3
У репозиторії GitHub: Settings ?†’ Pages ?†’ Custom domain ?†’ введіть свій домен.
4
Зачекайте на оновлення DNS (5-30 хв).
5
Увімкніть HTTPS. Готово.
Відстеження кліків
GitHub Pages не має вбудованої аналітики. Варіанти:
- Google Analytics ??” додайте код відстеження в HTML.
- Plausible / Fathom ??” аналітика з повагою до приватності, ~$9/міс.
- Посилання з UTM-мітками + перегляд статистики на сайтах призначення.
Переваги порівняно зі спеціалізованими сервісами для біо
| Можливість | GitHub Pages | Спеціалізований сервіс |
|---|---|---|
| Вартість | Безкоштовно (або домен ~$10/рік) | Часто безкоштовно |
| Час налаштування | 30-60 хв (потрібен HTML) | 5-10 хв |
| Контроль над дизайном | Повний | У межах теми |
| Аналітика кліків | Налаштовується вручну | Вбудована |
| Власний домен | Безкоштовно | Тариф Pro |
| Брендування | Немає | На безкоштовному тарифі показується бренд сервісу |
| Оновлення | Редагувати HTML + пушити | Кілька кліків у панелі |
Чому більшість людей цим не користується
- Потрібні знання HTML (або готовий шаблон).
- Оновлення вимагають роботи з Git.
- Це не «натиснув і готово».
- Для мобільного дизайну потрібні навички CSS.
Розробникам це підходить. Тим, хто не програмує, значно простіше взяти спеціалізований сервіс для посилань у біо.
Питання та відповіді
Чи GitHub Pages безкоштовний?
Так ??” повністю безкоштовний для публічних репозиторіїв.
Чи можна використати власний домен?
Так ??” налаштування через CNAME, безкоштовно.
Чи підходить це тим, хто не програмує?
Ні ??” краще скористатися сервісом для посилань у біо.
Як додати відстеження кліків?
Вбудуйте в HTML код Google Analytics або Plausible.
GitHub Pages чи Linktree?
GitHub ??” заради повного контролю й нульових витрат. Linktree ??” заради швидкого старту та вбудованої аналітики.
Головне
- GitHub Pages = безкоштовний статичний хостинг для HTML-сторінки посилань у біо.
- Повний контроль над дизайном + безкоштовний власний домен.
- Потрібні знання HTML, а оновлення — через Git.
- Підходить технічно підкованим; для решти спеціалізовані сервіси простіші.
Посилання в біо без знання HTML
UniLink: 60+ блоків, drag-and-drop, аналітика кліків ??” і все безкоштовно.
Спробувати UniLink безкоштовно ?†’