Скажімо, у вас є портфоліо, наприклад www.glynlewington.com, розміщене на Netlify і ви хочете додати свої проекти в той самий домен. Всі вони є окремими сховищами git, і Netlify створений для хостингу з одного сховища ... але не бійтеся! Ми можемо розмістити їх на субдоменах, як project.glynlewington.comлише трохи попрацювавши.
Netlify дозволяє надзвичайно легко розміщувати на них ваші статичні сайти безкоштовно. Нещодавно я переніс своє портфоліо з VPS на них, і чудово, що вони автоматично оновлюють ваш сайт кожного разу, коли ви натискаєте на своє сховище git.
Раніше у мене всі особисті проекти також розміщувались у підкаталогах, наприклад www.glynlewington.com/project. З Netlify це або важко, або неможливо. Netlify в основному налаштований для того, щоб розміщувати все на одному веб-сайті з одного сховища git.
Компроміс, до якого я прийшов, - це розміщення їх на субдоменах, наприклад project.glynlewington.com. Це також не дуже добре задокументовано, але це можливо.
- Зайдіть на www.netlify.com та ввійдіть або зареєструйтесь.
- Виберіть “Новий сайт із git”.
- Виберіть свого провайдера (наприклад, GitHub) - Вам, можливо, доведеться авторизуватися тут.
- Виберіть сховище git, з якого ви хочете створити сайт.
- Виберіть гілку, з якої потрібно розгорнути.
- Виберіть будь-які команди, які потрібно виконати. - Якщо це програма React, вам потрібно буде запустити команду збірки.
- Виберіть каталог, з якого ви будете публікувати. Він міститиме такі файли, як index.html. - Якщо це програма React, це, мабуть, буде папкою збірки.
- Виберіть “Створити сайт”.
На цьому етапі у вас повинна бути функціонуюча програма, розміщена на безкоштовному домені Netlify, наприклад //hungry-bose-fb0e6d.netlfiy.com. Якщо це не працює, перевірте, чи немає помилок у процесі збірки, і виправте їх, якщо такі є.
Тепер налаштуйте власний домен.
- Зайдіть в огляд програми на Netlify.
- Буде сказано, що ваш сайт успішно розгорнуто, і ви можете налаштувати власний домен.
- Клацніть на налаштування власного домену, введіть потрібний домен, включаючи субдомен, і натисніть підтвердити. Напр
project.glynlewington.com.
Далі увійдіть до свого провайдера хостингу доменів. Я використовую Cloudflare, але він буде однаковим або подібним, використовуючи інші.
- Перейдіть до налаштувань DNS.
- Виберіть новий запис CNAME.
- Введіть "Ім'я" - це субдомен, він повинен бути тим самим, який ви вибрали раніше на Netlify. Напр
project - У розділі “Адреса IPv4” введіть безкоштовний домен для вашого сайту Netlify. Напр
hungry-bose-fb0e6d.netlify.com. - Якщо ви також використовуєте Cloudflare, вимкніть маршрутизацію трафіку через Cloudflare. Це псує Netlify.
- Додати запис.
Готово! Після цього ви зможете отримати доступ до свого веб-сайту в субдомені.
Netlify також автоматично додасть захист https до вашого веб-сайту, про це не потрібно турбуватися.