Автор: Мухаммад Умар Ханиф

Это трудность.

Несмотря на то, что это кажется таким простым, у некоторых пользователей возникают проблемы с бесплатным размещением своего веб-сайта на GitHub.

Веб-сайт только на HTML можно легко разместить на GitHub. Вот в чем проблема.

Если вы веб-разработчик, вам следует бесплатно размещать и тестировать файлы HTML, CSS, JavaScript и изображений на GitHub. Однако есть проблема.

Вот что произойдет, если вы выполните шаги, описанные GitHub в их инструкциях о том, как бесплатно разместить веб-сайт.

Каждый раз, когда вы перезагружаетесь и пытаетесь открыть веб-сайт страницы GitHub, на вас будет бросаться раздражающая ошибка 404. Здесь другая проблема.

Как вы знаете, есть два известных места для поиска решений, особенно для программистов: Google и StackOverflow.

Тем не менее, высоко оцененные статьи Google ничего не делают для решения проблемы 404, которую создают страницы GitHub. Я заметил, что большинство этих статей следуют одной и той же схеме, что в конечном итоге приводит к ошибке 404.

Подобные бесполезные фильмы и ошибки 404 можно увидеть во многих видео на YouTube.

StackOverflow сейчас. Я собирался использовать GitHub для размещения бесплатной версии созданного мной веб-сайта, но это не сработает. Как и любой другой кодер, я искал StackOverflow.

Однако StackOverflow отослал меня, потому что не было быстрого решения проблемы. Как вы знаете, иногда ответы StackOverflow трудно интерпретировать. Хорошая новость сейчас.

Я обнаружил ответ.

Страницы GitHub не исчезли; они все еще существуют.

Что примечательно, так это то, что файлы HTML, CSS, JavaScript и изображения вашего веб-сайта появятся на GitHub с незначительной корректировкой.

Давайте начнем. Мне потребовались месяцы, чтобы узнать, чему вы собираетесь научиться. По сути, это временно приостановило мою учебу.

Шаг 01: Создайте учетную запись Github

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

Шаг 02: Создайте новый репозиторий

Нажмите «Создать» в левой части экрана после входа в свою учетную запись.

Шаг 03: Дайте вашему репозиторию имя

Имя вашего репозитория.

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

После этого нажмите «Создать репозиторий».

Шаг 04: Загрузите HTML, CSS, файлы изображений

Нажмите «Добавить файл» в главном окне в верхней части новой страницы. Создать новый файл и загрузить файлы — это два варианта, которые появятся.

Чтобы загрузить файлы со своего компьютера или устройства, нажмите Загрузить файлы.

Шаг 05: Перетащите или загрузите файлы

У вас будет выбор: перетаскивать или загружать файлы прямо с вашего ПК. Любая из двух возможностей приемлема. Но наблюдайте.

HTML, CSS, JavaScript и файлы изображений должны быть включены в одну папку. Дайте папке имя из одного слова (например, веб-сайт). Пусть «index.html» будет именем вашего файла HTML.

Это необходимо для того, чтобы ваш сайт появился на Github.

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

После завершения загрузки выберите Принять изменения.

Шаг 06: перейдите в настройки

Вы можете найти Настройки в правой части экрана, над полями, которые вы сейчас просматриваете. Просто нажмите на нее.

Перейдите на Github Pages сейчас, прокрутив вниз. Проверьте это здесь, нажав.

Вы будете перенаправлены на свежие страницы GitHub. Перейдите в «Источник» и выберите «Нет». затем выберите «основной». Нажмите Сохранить сейчас.

Появится следующее уведомление: «Ваш сайт готов к публикации в ……»

Нажмите на ссылку через некоторое время.

Когда вы нажимаете на этот URL-адрес, ваш веб-сайт должен появиться, если все в порядке, но этого не произойдет.

Все, что отображается, — это имя вашего репозитория или содержимое вашего файла README. тоже ошибка 404. Вот как это исправить и заставить ваш сайт отображаться.

Ссылка, созданная для вас страницами GitHub, должна содержать имя HTML-файла и имя папки, которую вы загрузили после него. Например:

https://umarhanifadil1.github.io/NewTechs/main/index.html (эта ссылка является примером, а не реальной)

БУМ. Ваш веб-сайт GitHub Pages работает и выглядит потрясающе.

— — —

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

Спасибо за чтение этого…

Вы можете связаться со мной через Портфолио, Twitter, LinkedIn, Github, Instagram.