Как загрузить сайт или проект в интернет используя GitHub || Бесплатный хостинг GitHub Pages

Подписаться 3,2 тыс.

Просмотров 25 тыс.

50% 1

В этом видео вы узнает, как загрузить сайт в общий доступ используя крупнейший веб-сервис для хостинга IT-проектов GitHub.
🔗 GitHub: github.com/
✅ Адаптивный шрифт с помощью функции calc() CSS: • Адаптивный шрифт с пом...
✅ Адаптивный шрифт с помощью функции clamp() CSS: • Адаптивный шрифт с пом...
✅ CSS Переменные: • Переменные в CSS || CS...
✅ Как ускорить написание кода с помощью Emmet в Visual Studio Code: • Как ускорить написание...
✅ Расширение Live Server и автоматическое обновление страницы: • Расширение Live Server...
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/CodingWithTopchiy
💵 Поддержать канал (support channel): 5375411204111681 (universal bank || mono)
💵 Поддержать канал (support channel): send.monobank.ua/jar/3Aze2gcvVa
💵 Поддержать канал (support channel): / codingwithtopchiy
👍 Subscribe: / @codingwithtopchiy
😀Спасибо за просмотр!😀

Опубликовано:

20 июл 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 151

@X_X1236 3 месяца назад

Давно искала такое видео, где не надо регистрироваться на гите, да еще как публиковать проект на гитхабе и как бесплатно выложить сайт в интернет

@Green-ao 4 месяца назад

благодарю! несколько подобных видео смотрел но так и не разобрался как в гитхаб опубликовать сайт, ты помог

@codingwithtopchiy 4 месяца назад

Пожалуйста) Рад, что все понятно!

@BEZYMNII_KARL 29 дней назад

спасибо за гайд, нам задали проект делать(сайт), никак не мог загрузить, потом посмотрел тебя и всё сделал. Лайк и подписка)

@codingwithtopchiy 29 дней назад

Пожалуйста) Рад, что видео оказалось полезным 👍

@lvovich_biz 6 дней назад

От души 🎉

@Musemmark 5 месяцев назад

офигенное видео, без воды

@codingwithtopchiy 5 месяцев назад

Спасибо за обратную связь)

@dmitrypoluhin2955 8 месяцев назад

Волшебник в деле! СуперСпасибо!!

@codingwithtopchiy 8 месяцев назад

Пожалуйста 👍

@alok9612 5 месяцев назад

всё ясно и понятно мне очень помогло

@codingwithtopchiy 5 месяцев назад

Спасибо за обратную связь 👍

@hopelesssuprem1867 2 месяца назад

спасибо большое за понятное объяснение

@codingwithtopchiy 2 месяца назад

Пожалуйста) Рад, что все понятно 👍

@VenzelPro 2 месяца назад

Спасибо за полезное видео.

@codingwithtopchiy 2 месяца назад

Пожалуйста)

@May.betwen.winter 6 дней назад

Спасибо! Ты гений

@codingwithtopchiy 6 дней назад

Пожалуйста)

@gorolive5335 8 месяцев назад

Thanks Brother )

@codingwithtopchiy 8 месяцев назад

Welcome 🙂

@Cosy-hw7ko 7 месяцев назад

Топ

@kojipng9050 2 месяца назад

спасибо большое!

@codingwithtopchiy 2 месяца назад

Пожалуйста)

@mordorrp1359 9 месяцев назад

я почемуто не могу создать сайт регистрации все делаю как нужно но пароль и логин не приходит на базу данних можешь както заснять видеоролик про єту тему пожалуйста

@seoonlyRU 9 месяцев назад

это база!!! лайк от СЕООНЛИ

@codingwithtopchiy 9 месяцев назад

Спасибо 👍

@artemyoga8747 6 дней назад

Прежде всего огромная благодарность и поклон за выполненный тобою труд и время 🙏. Это гигантская библиотека достаточно углубленных знаний по верстке она бесценна. Тебя очень интересно слушать конкретно все и без лишнего. Думаю еще не один месяц буду ею пользоваться. За мною донат в твою копилку. Очень выгодно пользоваться демо страницами гит бесплатно, раньше это делал с оплатой гит. Вот только не могу разобрать как после загрузки на гит выполнять add, commit, push, кроме того как загружать в ручную снова гит, удаляя старый файл, а делать это непосредственно с консоли в VSCode. Было бы круто если записал о том видео или хотя бы дал ссылку на инфу как это сделать. Еще раз благодарю и желаю успехов в том что ты делаешь, это бесценно.

@codingwithtopchiy 6 дней назад

Приветствую! Спасибо за обратную связь) Возможно это видео еще поможет: Как внести изменения в репозиторий на GitHub pages ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-tCtVi1_gL-Q.html

@artemyoga8747 6 дней назад

Спасибо за подсказку😊 посмотрю

@rahim6821 Месяц назад

Спасибо большое.лудший

@codingwithtopchiy Месяц назад

Пожалуйста)

@aibipl 6 месяцев назад

Хорош

@YourBrain-vc3bh 7 месяцев назад

при загрузке img, если кнопка [commit changes] - доступна, то можно сразу нажать на [commit changes] ?

@codingwithtopchiy 7 месяцев назад

Да, все верно.

@YourBrain-vc3bh 7 месяцев назад

@@codingwithtopchiy а ничего, что в этой папке после загрузки нет фотографий в Гите ?

@YourBrain-vc3bh 7 месяцев назад

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

@codingwithtopchiy 7 месяцев назад

Вы создавали пустой файл [test.txt] в папке img? Добавьте его, а затем фото, должно все отображаться.

@user-jh1nz8uw7f 2 месяца назад

А как-нибудь редактировать код можно внутри файла, или надо все по новой делать, если хочешь что-то поменять в коде

@codingwithtopchiy 2 месяца назад

Приветствую! Для того чтобы внести изменения в репозиторий нужно использовать Git - систему контроля версий, а в целом можете удалить репозиторий добавить что-то новое в код и залить снова уже с правками.

@Mi24B 8 месяцев назад

здравствуйте. Я сделал все точно также как на вашем и еще 2 видео... но в итоге, после создания веб страницы, отображается только файл rerdme. Код HTML правильный, он работает. Что мне посмотреть, что проверить? Буду очень благодарен за ответ

@codingwithtopchiy 8 месяцев назад

Приветствую! Если все файлы загружены верно, должно все отображаться! А сама ссылка на сайт создалась? То есть вы открываете сайт, а он пустой, хотя HTML добавлен?

@Mi24B 8 месяцев назад

@@codingwithtopchiy именно так. Я проверял штмл код в браузере, и контент отображался. Я добавил файл четко по инструкциям и создалась ссылка. Когда перехожу по ней- на пустой странице вижу только результат redme файла. Я только начал проходить онлайн курс full stack developer и гитхаб стал следующей темой, которая начинает меня валить😑

@codingwithtopchiy 8 месяцев назад

Как вариант можете поделится файлом, попробую подгрузить, проверить есть ли отображение. Почта: codingwithtopchiy@gmail.com

@Mi24B 8 месяцев назад

@@codingwithtopchiy здравстуйте. Вы проверяли код?

@Kiril2206 3 месяца назад

У меня такая же проблема, загрузил всё точно по инструкции и как в других видео, но не работает. Переходя по ссылке открывается пустая страница@@codingwithtopchiy

@hey-vayss2407 7 месяцев назад

делаю все как во всех видосах хоть убей 404, мне нужно проверить форму отправки на php а я сайт захостить не могу ибо или нет бесплатного хоста а есле и есть то это очень лагающее дерьмо решил на гитхаб все сделано как в видео но 404 говорит, есть предположения как можно поступить?

@codingwithtopchiy 7 месяцев назад

Приветствую! К сожалению не сталкивался еще с такой проблемой. Попробуйте написать на StackOverflow, думаю там можно будет найти ответ 👍

@GameJoyRider 8 месяцев назад

Можно ли загрузить свой сайт WordPress на GitHub Page. Подскажи пожалуйста!!!!

@codingwithtopchiy 8 месяцев назад

Приветствую! Да, это возможно!

@xvml6338 3 месяца назад

Нельзя

@user-yr9qw3ei4c Месяц назад

*_Мой проект написан на React JS (Фронтенд), Node JS (Бекенд), PostgreSQL (База Данных). Там миллион файлов и папок, можно ли залить всё архивом? Ибо невозможно залить тысячи .jsx файлов_*

@codingwithtopchiy Месяц назад

Приветствую! К сожалению нельзя, GitHub не предоставляет такой функции, архив можно залить, но распаковать файлы не удастся.

@user-yr9qw3ei4c Месяц назад

*_Понял, благодарю_*

@sinokhalilov99 8 месяцев назад

У меня не получается помогите пожалуйста, сделаю как на видео и все равно не получается, появится аай8в сайтп написано ошибка 404 файл не найден 😢

@codingwithtopchiy 8 месяцев назад

Приветствую! Сложно оценить в чем может быть проблема! Если все файлы и папки загружены на сервер, должно работать. Если не получится снова, как вариант можете сбросить какой-то один файл, например index.html мне на почту codingwithtopchiy@gmail.com попробую проверить есть ли отображение.

@demp1ks 4 месяца назад

Здравствуйте! Способ ваш помог, сайт загрузился, но отображается только HTML, ни js ни scc ничего не работает. Помогите ) и как его можно удалить?😊

@codingwithtopchiy 4 месяца назад

Приветствую! Рад, что получилось, хоть и на половину. Проверил у себя, все файлы грузятся нормально, не знаю в чем может быть проблема у вас. По поводу удаления репозитория: выбираете репозиторий, затем вкладку "Settings" и в самый низ страницы там есть вкладка "Delete this repository".

@Gvnggghdd5677 Месяц назад

А можно в одном репозитории создать несколько?, как ссылки на главной странице переходящие на нужные проекты

@codingwithtopchiy Месяц назад

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

@VixetVip 25 дней назад

Чувак, я всё сделал как на видео, но без папки style css, потому что в моем коде уже присутствовал стиль, я дальше без понятия, я всё загрузил только внутри сайта теперь только название сайта и больше ничего не фотки , ни текста, пустота и название, проконсультируй пожалуйста

@codingwithtopchiy 25 дней назад

Приветствую! Очень сложно оценить в чем может быть проблема, по идее если все по видео делали, должно работать. Проверьте еще раз все и попробуйте снова, если не получится можете сбросить файл на почту codingwithtopchiy@gmail.com попробую залить, если все получится дам обратную связь и удалю репозиторий.

@lel1kxd754 6 дней назад

А как загрузить например ноде модульенс когда там очень много файл и папок ???

@codingwithtopchiy 6 дней назад

Приветствую! Не знаю, что такое «ноде модульенс», но можете попробовать загрузить файлы и добавить папки и в них также загрузить нужные файлы.

@disaPointedd 3 месяца назад

видео очень полезное спасибо но что делать когда при переходе по ссылки на свой сайт пишет что ошибка безопасности опасный сайт

@codingwithtopchiy 3 месяца назад

Приветствую! Спасибо за обратную связь. Рад, что видео оказалось полезным. Честно говоря с такой проблемой еще не сталкивался, возможно поможет эта под тема разобраться: docs.github.com/ru/pages/configuring-a-custom-domain-for-your-github-pages-site/troubleshooting-custom-domains-and-github-pages#cname-errors

@_lLoki_ 9 дней назад

Здраствуйте, а на github можно запустить сайт на питоне?

@codingwithtopchiy 9 дней назад

Приветствую! С phyton не работаю, поэтому точно не подскажу, поищите информацию в сети.

@retroeagle Месяц назад

Я хочу создать множестнво новых сайтов не удаляя старые но памяти автоматом 400мб как быть?

@codingwithtopchiy Месяц назад

Приветствую! Для того чтобы внести изменения в репозиторий нужно использовать Git - систему контроля версий.

@user-mr1fz2iw4v 2 месяца назад

Я прикрепил файлы html css js но при открытии сайта показывается только имя почему так

@codingwithtopchiy 2 месяца назад

Приветствую! Не могу точно подсказать почему так, с такой проблемой не сталкивался еще.

@andreyfedorenko2824 2 месяца назад

Сделал все по инструкции. Нажал save, но ссылку мне не выдало, не могли бы вы подсказать в чем проблема?

@codingwithtopchiy 2 месяца назад

Приветствую! Проверьте настройки еще раз, build and deployment > source > должно быть «Deploy from a branch» > Branch > должно быть «main» > «root» затем «save».

@crusher9204 6 месяцев назад

Cпасибо помогло, но в 6:50 у меня здесь долгая загрузка что то

@codingwithtopchiy 6 месяцев назад

Пожалуйста)

@user-ki1tm8wp7x Месяц назад

странно, фоновая картинка сайта подгрузилась, а остальные нет, делал все по инструкции, может кто-то сталкивался с таким?

@codingwithtopchiy Месяц назад

Приветствую! Возможно что-то на самом GitHub, пробовал также добавлять изображения, пишет что все успешно добавлено, но изображения нет на странице. Ждём исправлений.

@user-mw1ho7vv1j 3 месяца назад

загрузил всё что не делал что не крутил ошибка 404 (автор, у меня получилось сделать сайт, но почему-то у меня не запускается он просто написано название сайта и описание что делать?)

@codingwithtopchiy 3 месяца назад

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

@user-ps1nd3lp4l 2 месяца назад

Делал все по образцу и почему то вместо сайта показывает только его название и коментарий который мы оставили?

@codingwithtopchiy 2 месяца назад

Приветствую! Скорей всего где-то допустили ошибку, проверьте еще разок.

@amirsmith1729 Месяц назад

у меня такая же ошибка. если понял как решить это, подскажи пожалуйста

@PPShow387 24 дня назад

Скажите а php скрипты будут работать!!!

@codingwithtopchiy 24 дня назад

Приветствую! GitHub Pages предоставляет только хостинг для статических страниц, никаких серверных скриптов там запустить не получится. Так что, к сожалению, php скрипты работать не будут.

@miqayelmalodyan6082 Месяц назад

У меня не работает css только html не понимаю в чем проблема все делаю так как ты делаешь но не получаеться

@codingwithtopchiy Месяц назад

Приветствую! Проверьте еще раз все ли верно подключено.

@Sylmxn 9 месяцев назад

у меня почему то не открывается мой сайт открывается домен который вписал при создании сайта, два раза причем, и все. что делать?

@codingwithtopchiy 9 месяцев назад

Приветствую! Получается вы подгрузили все файлы и папку с изображениями и совсем ничего не отображается, кроме ссылки с строке браузера? Сложно оценить в чем может быть проблема! Если все файлы и папки загружены на сервер, должно работать. Если не получится снова, как вариант можете сбросить какой-то один файл, например index.html мне на почту codingwithtopchiy@gmail.com попробую проверить есть ли отображение.

@Sylmxn 9 месяцев назад

@@codingwithtopchiy спасибо, я решил попробовать новый сделать сайт, может я где то в самом файле не так код написал, поэтому не решил искать, просто сделаю по новой но уже медленней буду делать, и проверю все точно

@user-vw1bp9xk9v 7 месяцев назад

@@Sylmxn Привет! Ты , случайно, не нашёл решение проблемы? У меня тоже самое, не открывается сайт.😢

@Sylmxn 7 месяцев назад

@@user-vw1bp9xk9v нет, я сейчас забросил создание сайта, другим занимаюсь

@user-ol8em1gj2c 4 месяца назад

у меня тоже, но 1000 раз проверяла свой код и он 100% правильный

@user-gm5jm7vb1u 3 месяца назад

Вопрос, у меня нечего не работает, выскакивает имя репозитория и все, ни css, ни html, ни img

@codingwithtopchiy 3 месяца назад

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

@user-kv8zc9xo2s Месяц назад

чтобы что-то делать на странице pages, нужна платная подписка...

@codingwithtopchiy Месяц назад

Приветствую! GitHub free работает, все нормально. Да, действительно добавилась оплата за GitHub Pro, но pages работают.

@Izahii_ Месяц назад

Здравствуйте, сделал всё точно также как вы указали на видео. Но, не создается автоматически сайт, не знаете с чем это связано и как это исправить?

@codingwithtopchiy Месяц назад

Приветствую! Проверьте настройки еще раз, build and deployment > source > должно быть «Deploy from a branch» > Branch > должно быть «main» > «root» затем «save». И нужно подождать какое-то время, ссылка должна появится.

@Izahii_ Месяц назад

@@codingwithtopchiy было выполнено, ждал около 2 часов, так и не появилось

@codingwithtopchiy Месяц назад

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

@Izahii_ Месяц назад

@@codingwithtopchiyа, примерно сколько времени нужно ожидать до появления ссылки?

@codingwithtopchiy Месяц назад

Не больше 5-10 минут как правило

@user-xq4qf7sz1t 3 месяца назад

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

@codingwithtopchiy 3 месяца назад

Приветствую! Проверьте еще раз, возможно стили не подключились.

@qwewdejkd 3 месяца назад

можно пожалуйста код для такого сайта

@codingwithtopchiy 3 месяца назад

Приветствую! Вот ссылка на видео: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5_3Jlji7EKY.htmlsi=aoieoe-F_Xh7x9v2 в описании есть ссылка на исходный код, также вы можете загрузить любой другой проект на GitHub 👍

@goidaaaaaaaa 2 месяца назад

запустил сайт в новой ветьви сайт написан на Flask пишет ошибка 404

@goidaaaaaaaa 2 месяца назад

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

@codingwithtopchiy 2 месяца назад

Приветствую! Может это руководство поможет разобраться: docs.github.com/ru/pages/getting-started-with-github-pages/troubleshooting-404-errors-for-github-pages-sites

@goidaaaaaaaa 2 месяца назад

уже разобрался сам когда прочитал документацию@@codingwithtopchiy

@northwayst 5 месяцев назад

У меня у одного нет ни кнопки upload file ?

@codingwithtopchiy 5 месяцев назад

Приветствую! Должна быть.

@IT-Lina-gz3fr 12 дней назад

спасибо за ролик) все отображается, кроме анимации (

@codingwithtopchiy 12 дней назад

Пожалуйста)

@IT-Lina-gz3fr 12 дней назад

@@codingwithtopchiy порекомендуйте, пожалуйста, хорошие платные хостинги)😀

@user-de8up9tr3s Месяц назад

делаю все как на видео но когда перехожу по ссылке там только название сайт текстом. Помогите пожалуйста!!!

@codingwithtopchiy Месяц назад

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

@SokolRise Месяц назад

Видео очень помогло, однако картики не загружаются на сайте

@codingwithtopchiy Месяц назад

Приветствую! Пожалуйста) Возможно какая-то временная проблема, вчера заливал проект и также не отображались, хотя и указывает, что upload successful.

@SokolRise Месяц назад

@@codingwithtopchiy благодарю!

@user-du2bo5tm7b 6 месяцев назад

Все круто,только одна проблема.. Сайт загружается без картинок и css. Наверное я что-то упустил :(

@codingwithtopchiy 6 месяцев назад

Приветствую 👋🏻 Да, скорей всего так и есть, проверьте все внимательно еще раз.

@killerqueen6982 3 месяца назад

я правельно понимаю что это платно?

@codingwithtopchiy 3 месяца назад

Приветствую! GitHub pages - это бесплатный сервис, на который вы можете заливать свои проекты.

@killerqueen6982 3 месяца назад

@@codingwithtopchiyстранно я почему то не могу хоть код полностью рабочий

@killerqueen6982 3 месяца назад

@@codingwithtopchiyвообщем извеняюсь я узнал что можно бесплатно делать только в паблике

@musicnew6998 3 месяца назад

404 file not found почему???????????

@codingwithtopchiy 3 месяца назад

Приветствую! Не могу подсказать, не сталкивался с таким.

@codingwithtopchiy 2 месяца назад

Приветствую! Ознакомьтесь с этим руководством: docs.github.com/ru/pages/getting-started-with-github-pages/troubleshooting-404-errors-for-github-pages-sites возможно получится найти решение проблемы.

@musicnew6998 2 месяца назад

@@codingwithtopchiy спс

@matje_bal Месяц назад

он платный что ли теперь?

@codingwithtopchiy Месяц назад

Приветствую! Вроде ничего не менялось, бесплатный.

@matje_bal Месяц назад

@@codingwithtopchiy я когда пытался, написано было, что нужно подписку подключать какую-то

@nddd3132 Месяц назад

@@matje_bal + только хотел сделать как обычно смотрю а теперь платно

@urazgaliminturganov1168 7 месяцев назад

а можни так проект загрузит фронт и бакенд и сайт работает так нужно

@codingwithtopchiy 7 месяцев назад

Приветствую! В целом можно, но back-end-om сейчас не занимаюсь.

@alexeismoliuc2998 9 месяцев назад

Сделал всё по твоей инструкции, но мои стили CSS не отобразились

@codingwithtopchiy 9 месяцев назад

@alexeismoliuc2998 9 месяцев назад

@@codingwithtopchiy менял даже файлы и попробовал создать новый репозиторий, но не сработало. Тем не менее, спасибо за видео. Буду искать ответы далее

@codingwithtopchiy 9 месяцев назад

Пожалуйста 👍