Посібник
Як безкоштовно розмістити HTML-файл в інтернеті
Оновлено · Dropsite
Коротко: Перетягніть файл .html на Dropsite — і за кілька секунд отримаєте публічне посилання, безкоштовно й без акаунта. Якщо сторінка має окремі CSS, JavaScript чи зображення, запакуйте папку в ZIP так, щоб index.html був на верхньому рівні, і перетягніть ZIP. GitHub Pages і Netlify теж підійдуть, але там потрібні акаунт і кілька хвилин на налаштування.
У вас на комп’ютері є файл .html, і вам потрібне посилання, яке можна комусь надіслати. Ось найшвидший спосіб, його порівняння з інструментами для розробників і що перевірити, якщо сторінка ламається.
Найшвидший спосіб: перетягніть файл на Dropsite
- Відкрийте головну сторінку Dropsite.
- Перетягніть свій файл .html в область завантаження (або натисніть на неї й виберіть файл).
- Скопіюйте посилання. От і все. Воно працює на телефонах і комп’ютерах, а для перегляду нікому не потрібен акаунт.
Якщо сторінка використовує окремі файли CSS, JavaScript чи зображення, покладіть їх у папку разом з HTML-файлом, назвіть головну сторінку index.html, заархівуйте вміст папки й завантажте ZIP.
Dropsite, GitHub Pages, Netlify і Vercel: порівняння
| Dropsite | GitHub Pages | Netlify / Vercel | |
|---|---|---|---|
| Потрібен акаунт | Ні | Так | Так (Netlify Drop недовго працює і без нього) |
| Час до живого посилання | Секунди | Хвилини (репозиторій, налаштування, очікування збирання) | Хвилина-дві |
| Знання Git | Не потрібні | Знадобляться | Необов’язково |
| Оновлення сторінки | Заміна файлу (Pro) | Commit і push | Повторний деплой |
| Власний домен | Піддомен на Pro; власний домен — незабаром у Studio | Так | Так |
| Збирання (npm, фреймворки) | Ні — завантажте зібрані файли | Через GitHub Actions | Так |
| Найкраще для | Поділитися однією сторінкою чи прототипом просто зараз | Документація та сайти проєктів, що живуть у репозиторії | Повноцінні вебзастосунки зі збиранням, превʼю та serverless-функціями |
Поширені причини, чому розміщені сторінки ламаються
Шляхи, що ведуть на ваш комп’ютер
src="C:\Users\me\Desktop\logo.png" або file:///Users/me/... працює лише на вашому комп’ютері. Використовуйте відносні шляхи, як-от src="logo.png" або src="images/logo.png", і завантажуйте ці файли в ZIP.
Скісна риска на початку шляху
/assets/app.js вказує на корінь домену. На Dropsite кожен сайт має власний піддомен, тож зазвичай це працює, але ./assets/app.js надійніший будь-де.
Неправильний регістр літер
Windows і macOS ігнорують регістр, а вебсервери — ні. Logo.PNG і logo.png в інтернеті — це різні файли.
Головний файл називається не index.html
У ZIP головна сторінка має бути файлом index.html на верхньому рівні (або в єдиній папці). Окремі HTML-файли перейменовуються автоматично.
Змішаний вміст і заблоковані API
Розміщені сторінки завантажуються через https. Браузери блокують скрипти чи API, завантажені через звичайний http, а деякі API приймають запити лише з доменів, які ви дозволили.
Який варіант обрати?
- Хочете поділитися сторінкою просто зараз: Dropsite. Перетягніть, скопіюйте, надішліть.
- Сторінка живе поруч із кодом у репозиторії GitHub: GitHub Pages.
- Ви створюєте застосунок із фреймворком, превʼю та serverless-функціями: Netlify або Vercel.
Спробуйте зараз
Перетягніть HTML, ZIP або PDF і отримайте живе посилання за лічені секунди. Акаунт не потрібен.
Перейти до зони завантаженняЧасті запитання
Чи можна розмістити HTML-файл безкоштовно?
Так. Dropsite безкоштовно розміщує один HTML-файл (або статичний сайт у ZIP) на сім днів без акаунта. GitHub Pages, Netlify і Vercel теж мають безкоштовні тарифи, але там потрібні акаунт і репозиторій або етап деплою.
Чому після завантаження сторінка виглядає зламаною?
Зазвичай тому, що CSS, зображення чи скрипти підключені за абсолютними шляхами з вашого комп’ютера (C:\Users\... або /Users/...). Використовуйте відносні шляхи або вбудуйте все в один файл.
Чи обов’язково файл має називатися index.html?
Завантажений окремо HTML-файл завжди відкривається як головна сторінка. У ZIP головна сторінка має бути файлом index.html на верхньому рівні.