Как загрузить сайт или проект в интернет используя GitHub || Бесплатный хостинг GitHub Pages
Vložit
- čas přidán 6. 09. 2024
- В этом видео вы узнает, как загрузить сайт в общий доступ используя крупнейший веб-сервис для хостинга IT-проектов GitHub.
🔗 GitHub: github.com/
👉 Как загрузить сайт в интернет: • Как загрузить сайт в и...
👉 Адаптивный шрифт с помощью функции calc() CSS: • Адаптивный шрифт с пом...
👉 Адаптивный шрифт с помощью функции clamp() CSS: • Адаптивный шрифт с пом...
👉 CSS Переменные: • Переменные в CSS || CS...
👉 Как ускорить написание кода с помощью Emmet в Visual Studio Code: • Как ускорить написание...
👉 Расширение Live Server и автоматическое обновление страницы: • Расширение Live Server...
👍 Полезная информация для программирования и дизайна на моем телеграм-канале: t.me/TopchiyDev
💵 Поддержать канал (support channel): 5375411204111681 (universal bank || mono)
💵 Поддержать канал (support channel): send.monobank....
💵 Поддержать канал (support channel): / topchiydev
👍 Subscribe: / @topchiydev
😀Спасибо за просмотр!😀
Давно искала такое видео, где не надо регистрироваться на гите, да еще как публиковать проект на гитхабе и как бесплатно выложить сайт в интернет
благодарю! несколько подобных видео смотрел но так и не разобрался как в гитхаб опубликовать сайт, ты помог
Пожалуйста)
Рад, что все понятно!
Супер! Коротко, понятно и без "воды". Сразу все получилось. Четкая пошаговая инструкция. Подписываюсь :)
Пожалуйста)
@@topchiydev Здравствуйте, у меня проект в котором много библиотек как можно добавить сразу всю папку с библиотеками?
@molod1 Приветствую. Попробуйте перетащить всю папку или можете использовать сервис netlify.com. Об этом сервисе на днях выйдет видео.
спасибо за гайд, нам задали проект делать(сайт), никак не мог загрузить, потом посмотрел тебя и всё сделал. Лайк и подписка)
Пожалуйста)
Рад, что видео оказалось полезным 👍
У меня не работает css только html не понимаю в чем проблема все делаю так как ты делаешь но не получаеться
Приветствую!
Проверьте еще раз все ли верно подключено.
Прежде всего огромная благодарность и поклон за выполненный тобою труд и время 🙏. Это гигантская библиотека достаточно углубленных знаний по верстке она бесценна. Тебя очень интересно слушать конкретно все и без лишнего. Думаю еще не один месяц буду ею пользоваться. За мною донат в твою копилку. Очень выгодно пользоваться демо страницами гит бесплатно, раньше это делал с оплатой гит. Вот только не могу разобрать как после загрузки на гит выполнять add, commit, push, кроме того как загружать в ручную снова гит, удаляя старый файл, а делать это непосредственно с консоли в VSCode. Было бы круто если записал о том видео или хотя бы дал ссылку на инфу как это сделать. Еще раз благодарю и желаю успехов в том что ты делаешь, это бесценно.
Приветствую!
Спасибо за обратную связь)
Возможно это видео еще поможет: Как внести изменения в репозиторий на GitHub pages czcams.com/video/tCtVi1_gL-Q/video.html
Спасибо за подсказку😊 посмотрю
брат спасибо тебе, как раз обучаюсь тг ботам, сейчас делал веб и нужно было залить сайт на серв, ты с этим очень помог
Пожалуйста)
Рад, что смог помочь 👍
всё ясно и понятно
мне очень помогло
Спасибо за обратную связь 👍
Всë понятно и по делу...
Спасибо автору!...
Пожалуйста)
Волшебник в деле! СуперСпасибо!!
Пожалуйста 👍
от души, спасибо огромное🤗
Пожалуйста)
Спасибо за туториал!
Пожалуйста)
Извините можно ли изменить сайт(добавить объекты)?
Приветствую!
Да, можете посмотреть это видео: Как внести изменения в репозиторий на GitHub pages czcams.com/video/tCtVi1_gL-Q/video.html
@@topchiydev Спасибо!
спасибо большое за понятное объяснение
Пожалуйста)
Рад, что все понятно 👍
офигенное видео, без воды
Спасибо за обратную связь)
Спасибо за полезное видео.
Пожалуйста)
Красавчик все четко объяснил
Спасибо)
От души 🎉
я почемуто не могу создать сайт регистрации все делаю как нужно но пароль и логин не приходит на базу данних можешь както заснять видеоролик про єту тему пожалуйста
СПАСИБО ОГРОМНОЕ !!!!
Пожалуйста)
Хороший человек спасибо большое вам
Пожалуйста)
это база!!! лайк от СЕООНЛИ
Спасибо 👍
А с помощью github можно загрузить сайт так же с файлом .js? И, можно загружать сколько угодно сайтов или есть какой-то лимит?
Приветствую!
Да, файлы с .js можно добавлять. На счет лимита точно не знаю, но думаю особых ограничений нет. Также можно использовать ресурс netlify.com, вот видео об этом ресурсе: czcams.com/video/E47jQsDCnFY/video.htmlsi=MBKH063purNuh6DP
делаю все как во всех видосах хоть убей 404, мне нужно проверить форму отправки на php а я сайт захостить не могу ибо или нет бесплатного хоста а есле и есть то это очень лагающее дерьмо решил на гитхаб все сделано как в видео но 404 говорит, есть предположения как можно поступить?
Приветствую!
К сожалению не сталкивался еще с такой проблемой. Попробуйте написать на StackOverflow, думаю там можно будет найти ответ 👍
Таже проблема
Большое спасибо! Мне очень помогло
Пожалуйста)
Спасибо за видео!
Пожалуйста)
Скажите а php скрипты будут работать!!!
Приветствую!
GitHub Pages предоставляет только хостинг для статических страниц, никаких серверных скриптов там запустить не получится. Так что, к сожалению, php скрипты работать не будут.
Круто у меня получилось
Отлично 👍🙂
@@topchiydevЗдравствуйте вы знаете прогграммирование?
Спасибо! Ты гений
Пожалуйста)
делаю все как на видео но когда перехожу по ссылке там только название сайт текстом. Помогите пожалуйста!!!
Приветствую!
Проверьте еще раз все ли верно добавлено, такое отображение может быть, когда файлы не распознаются, возможно они размещены еще в одной папке и тд.
странно, фоновая картинка сайта подгрузилась, а остальные нет, делал все по инструкции, может кто-то сталкивался с таким?
Приветствую!
Возможно что-то на самом GitHub, пробовал также добавлять изображения, пишет что все успешно добавлено, но изображения нет на странице. Ждём исправлений.
А будет ли виден этот сайт если ввести его название в интернете? Или только по ссылке если переходить?
Приветствую!
Можно делиться только ссылкой, чтобы можно было находить сайт в интернете например через Google нужно залить сайт на платный хостинг.
А как-нибудь редактировать код можно внутри файла, или надо все по новой делать, если хочешь что-то поменять в коде
Приветствую!
Для того чтобы внести изменения в репозиторий нужно использовать Git - систему контроля версий, а в целом можете удалить репозиторий добавить что-то новое в код и залить снова уже с правками.
подскажите пожалуйста, почему у меня вместо самого сайта открывается пустая страница с текстом, который содержиться в README (то есть с названием самого проекта)
Буду благодарна любой помощи)
Приветствую!
Проверьте, возможно у вас файлы находятся в какой-то папке, в там случае их нужно переместить в корень проекта без папок, также необходимо в настройках проекта на GitHub во вкладке pages выбрать ветку main. Еще проверьте правильно ли указано название сайта, должна быть приставка github.io
спасибо большое, очень помог
Пожалуйста)
Спасибо. Когда проверил код на Codepen все работает но когда загрузил код на Гитхаб почему то не работает. Делаю все как на видео в чем проблема подскажите
Приветствую!
Сложно оценить в чем может быть проблема, возможно что-то не верно указали, нужно проверять сначала.
Топ
Как обновить сайт после изменений в коде?
Приветствую!
Возможно это видео поможет разобраться: Как внести изменения в репозиторий на GitHub pages czcams.com/video/tCtVi1_gL-Q/video.html
@@topchiydev У меня пару вопросов.Может ли сайт видеть случайный человек без перехода по ссылке?И почему я не вижу логотип и название сайта?Может вопросы глупые,но я правда не понимаю.
Приветствую!
К сожалению нет, только по ссылке, то есть например в Google вы его не найдите без ссылки. По второму вопросу, возможно где-то ошиблись при добавлении названия сайта, название должно быть обязательно в таком формате “ваш_логин_на_github”.github.io/“название_проекта”.github.io
@@topchiydev Все,спасибо.Лайк и подписка
Помогло но, как добавить другие странички. Например, ты хочешь добавить еще страницы но как их добавить?
Приветствую!
Можете посмотреть это видео: Верстка многостраничного адаптивного сайта используя HTML, CSS & JS czcams.com/video/l9YHJpuIOYw/video.html сделать что-то похожее и залить на GitHub.
А можно в одном репозитории создать несколько?, как ссылки на главной странице переходящие на нужные проекты
Приветствую!
GitHub такой возможности не предоставляет, вы можете создать репозиторий и там размещать файлы и папки. Вы можете создать сайт на котором можно будет перемещаться на разные страницы, которые отвечают за разные проекты и залить его на GitHub.
он платный что ли теперь?
Приветствую!
Вроде ничего не менялось, бесплатный.
@@topchiydev я когда пытался, написано было, что нужно подписку подключать какую-то
@@matje_bal + только хотел сделать как обычно смотрю а теперь платно
Делал все по образцу и почему то вместо сайта показывает только его название и коментарий который мы оставили?
Приветствую!
Скорей всего где-то допустили ошибку, проверьте еще разок.
у меня такая же ошибка. если понял как решить это, подскажи пожалуйста
Вопрос, у меня нечего не работает, выскакивает имя репозитория и все, ни css, ни html, ни img
Приветствую!
Проверьте путь к файлам, все должно подгружаться без проблем.
чтобы что-то делать на странице pages, нужна платная подписка...
Приветствую!
GitHub free работает, все нормально.
Да, действительно добавилась оплата за GitHub Pro, но pages работают.
А как загрузить например ноде модульенс когда там очень много файл и папок ???
Приветствую!
Не знаю, что такое «ноде модульенс», но можете попробовать загрузить файлы и добавить папки и в них также загрузить нужные файлы.
Thanks Brother )
Welcome 🙂
Спасибо!
Пожалуйста)
А как базу данных добавить? Конектнуть к гитхабу Я чацник
Приветствую!
Никак, GitHub предназначен для работы со статичными страницами.
@@topchiydev а как вообще подключать к сайту
GitHub - это бесплатный хостинг, вы можете делиться ссылками сайтов залитыми через GitHub, для этого нужно залить код HTML, CSS и JavaScript это может быть простой landing. Чтобы подключить базы данных MySQL, PHP и тд. можно заливать сайты на платные хостинги, такие как hostinger.com или godaddy.com.
подходит ли этот сервис для динамических сайтов? Например с использованием python, php или node js?
Приветствую!
К сожалению нет, подходит только для статических.
@@topchiydev Жаль
Чтож, обращусь к этому видео если у меня появится статический сайт))
Я прикрепил файлы html css js но при открытии сайта показывается только имя почему так
Приветствую!
Не могу точно подсказать почему так, с такой проблемой не сталкивался еще.
спасибо большое!
Пожалуйста)
Спасибо большое
Пожалуйста)
здравствуйте. Я сделал все точно также как на вашем и еще 2 видео... но в итоге, после создания веб страницы, отображается только файл rerdme. Код HTML правильный, он работает. Что мне посмотреть, что проверить? Буду очень благодарен за ответ
Приветствую!
Если все файлы загружены верно, должно все отображаться!
А сама ссылка на сайт создалась?
То есть вы открываете сайт, а он пустой, хотя HTML добавлен?
@@topchiydev именно так. Я проверял штмл код в браузере, и контент отображался. Я добавил файл четко по инструкциям и создалась ссылка. Когда перехожу по ней- на пустой странице вижу только результат redme файла. Я только начал проходить онлайн курс full stack developer и гитхаб стал следующей темой, которая начинает меня валить😑
Как вариант можете поделится файлом, попробую подгрузить, проверить есть ли отображение.
Почта: codingwithtopchiy@gmail.com
@@topchiydev здравстуйте. Вы проверяли код?
У меня такая же проблема, загрузил всё точно по инструкции и как в других видео, но не работает. Переходя по ссылке открывается пустая страница@@topchiydev
А после загрузки все файлы и затем как изменить в код?
Приветствую!
Вот инструкция: Как внести изменения в репозиторий на GitHub pages czcams.com/video/tCtVi1_gL-Q/video.html
А гит круче чем я думал
почему когда я загружаю сайт, у меня не отображаютьса стили. Просто голый сайт
Приветствую!
Проверьте еще раз, возможно стили не подключились.
Сделал все по инструкции. Нажал save, но ссылку мне не выдало, не могли бы вы подсказать в чем проблема?
Приветствую!
Проверьте настройки еще раз, build and deployment > source > должно быть «Deploy from a branch» > Branch > должно быть «main» > «root» затем «save».
Я хочу создать множестнво новых сайтов не удаляя старые но памяти автоматом 400мб как быть?
Приветствую!
Для того чтобы внести изменения в репозиторий нужно использовать Git - систему контроля версий.
Хорош
У меня не получается помогите пожалуйста, сделаю как на видео и все равно не получается, появится аай8в сайтп написано ошибка 404 файл не найден 😢
Приветствую!
Сложно оценить в чем может быть проблема! Если все файлы и папки загружены на сервер, должно работать.
Если не получится снова, как вариант можете сбросить какой-то один файл, например index.html мне на почту codingwithtopchiy@gmail.com попробую проверить есть ли отображение.
Спасибо большое.лудший
Пожалуйста)
треш какой то а не иснтрукция..... одной кучей все файлы скинуть можно!
а как обновить сайт если там ошибка?
Приветствую!
Нужно все проверить и понять почему возникает ошибка, скорей всего что-то неправильно подключилось.
загрузил всё что не делал что не крутил ошибка 404 (автор, у меня получилось сделать сайт, но почему-то у меня не запускается он просто написано название сайта и описание что делать?)
Приветствую!
Не могу сказать точно, в чем может быть проблема, возможно что-то в персональных настройках не так, проверьте еще раз все по инструкции.
спасибо
Пожалуйста)
при загрузке img, если кнопка [commit changes] - доступна, то можно сразу нажать на [commit changes] ?
Да, все верно.
@@topchiydev а ничего, что в этой папке после загрузки нет фотографий в Гите ?
у меня все без картинок и css загрузилось. (css загружала без внешнего файла, а указывала путь через точку), также нет картинок (когда загружала img, не было в гите картинок только папка)
Вы создавали пустой файл [test.txt] в папке img?
Добавьте его, а затем фото, должно все отображаться.
Здраствуйте, а на github можно запустить сайт на питоне?
Приветствую!
С phyton не работаю, поэтому точно не подскажу, поищите информацию в сети.
Здравствуйте! Способ ваш помог, сайт загрузился, но отображается только HTML, ни js ни scc ничего не работает. Помогите ) и как его можно удалить?😊
Приветствую!
Рад, что получилось, хоть и на половину.
Проверил у себя, все файлы грузятся нормально, не знаю в чем может быть проблема у вас.
По поводу удаления репозитория: выбираете репозиторий, затем вкладку "Settings" и в самый низ страницы там есть вкладка "Delete this repository".
*_Мой проект написан на React JS (Фронтенд), Node JS (Бекенд), PostgreSQL (База Данных). Там миллион файлов и папок, можно ли залить всё архивом? Ибо невозможно залить тысячи .jsx файлов_*
Приветствую!
К сожалению нельзя, GitHub не предоставляет такой функции, архив можно залить, но распаковать файлы не удастся.
*_Понял, благодарю_*
видео очень полезное спасибо но что делать когда при переходе по ссылки на свой сайт пишет что ошибка безопасности опасный сайт
Приветствую!
Спасибо за обратную связь.
Рад, что видео оказалось полезным.
Честно говоря с такой проблемой еще не сталкивался, возможно поможет эта под тема разобраться: docs.github.com/ru/pages/configuring-a-custom-domain-for-your-github-pages-site/troubleshooting-custom-domains-and-github-pages#cname-errors
А работать ли так же на Django
Приветствую!
Не в курсе.
Чувак, я всё сделал как на видео, но без папки style css, потому что в моем коде уже присутствовал стиль, я дальше без понятия, я всё загрузил только внутри сайта теперь только название сайта и больше ничего не фотки , ни текста, пустота и название, проконсультируй пожалуйста
Приветствую!
Очень сложно оценить в чем может быть проблема, по идее если все по видео делали, должно работать.
Проверьте еще раз все и попробуйте снова, если не получится можете сбросить файл на почту codingwithtopchiy@gmail.com попробую залить, если все получится дам обратную связь и удалю репозиторий.
404 file not found почему???????????
Приветствую!
Не могу подсказать, не сталкивался с таким.
Приветствую!
Ознакомьтесь с этим руководством: docs.github.com/ru/pages/getting-started-with-github-pages/troubleshooting-404-errors-for-github-pages-sites возможно получится найти решение проблемы.
@@topchiydev спс
у меня раньше так работало а сейчас я вибираю мейн нажимаю сейв и у меня кнопка не стает серой и ссылка не появляеться
Приветствую!
Попробуйте еще раз все сначала, если не получится можете обратится в службу поддержки GitHub: support.github.com/
Я просто с такой проблемой никогда не сталкивался, всегда все отображалось.
А сейчас на почту пришло: Run Failed: pages build and deployment - main (da9f39e)
@@topchiydevя пробовал 2-3 разп
Можно ли сделать свой домен?
Приветствую!
Можно, но на платном хостинге.
Например, hostinger.com или godaddy.com
у меня страницы пустые(
Где-то есть ошибка, поверяйте снова.
У меня у одного нет ни кнопки upload file ?
Приветствую!
Должна быть.
Можно ли загрузить свой сайт WordPress на GitHub Page. Подскажи пожалуйста!!!!
Приветствую!
Да, это возможно!
Нельзя
squyz.github.io/landing/ - мой самый сложный лендинг. до этого делал длинные сайты, где анимаций почти не было, а тут впервые взялся за что-то такое. спасибо большое за помощь! вы очень помогли!
Приветствую!
Пожалуйста, рад, что смог помочь)
Очень крутой эффект с полем для ввода почты 👍👍👍
а как сделать аватарку для сайта?
Приветствую!
Посмотрите это видео: Как добавить Favicon czcams.com/video/Vu1NHeldDbo/video.html
Спасибо
Пожалуйста)
Cпасибо помогло, но в 6:50 у меня здесь долгая загрузка что то
Пожалуйста)
А если в сайте нету изображении, то надо ли добавать файл с изображением?
Приветствую!
Если хотите чтобы было изображение на сайте, тогда да, его нужно добавить.
@@topchiydev А если его нету?
Не совсем понял, вы добавили изображение на сайт и оно не отобразилось? В таком случае либо подождите и обновите, либо удалите репозиторий и залейте все заново.
я не собираюсь использовать изображение в своем сайте, нужно ли добавлять файл для изображения?
Тогда не нужно.
Здравствуйте, сделал всё точно также как вы указали на видео. Но, не создается автоматически сайт, не знаете с чем это связано и как это исправить?
Приветствую!
Проверьте настройки еще раз, build and deployment > source > должно быть «Deploy from a branch» > Branch > должно быть «main» > «root» затем «save».
И нужно подождать какое-то время, ссылка должна появится.
@@topchiydev было выполнено, ждал около 2 часов, так и не появилось
Откровенно говоря никогда не сталкивался с такой проблемой, обычно всегда ссылка появляется, попробуйте поискать в сети ответ или опишите проблематику на stack overflow.
@@topchiydevа, примерно сколько времени нужно ожидать до появления ссылки?
Не больше 5-10 минут как правило
запустил сайт в новой ветьви сайт написан на Flask пишет ошибка 404
попробывал захостить на пайтон анювере все работает но там платный кастомный домен
Приветствую!
Может это руководство поможет разобраться: docs.github.com/ru/pages/getting-started-with-github-pages/troubleshooting-404-errors-for-github-pages-sites
уже разобрался сам когда прочитал документацию@@topchiydev
5:25 стиле, стайл
Все круто,только одна проблема.. Сайт загружается без картинок и css. Наверное я что-то упустил :(
Приветствую 👋🏻
Да, скорей всего так и есть, проверьте все внимательно еще раз.
Видео очень помогло, однако картики не загружаются на сайте
Приветствую!
Пожалуйста)
Возможно какая-то временная проблема, вчера заливал проект и также не отображались, хотя и указывает, что upload successful.
@@topchiydev благодарю!
Как с тобой связаться?
Приветствую!
Можете написать на почту codingwithtopchiy@gmail.com
@@topchiydev написал на почту
можно пожалуйста код для такого сайта
Приветствую!
Вот ссылка на видео: czcams.com/video/5_3Jlji7EKY/video.htmlsi=aoieoe-F_Xh7x9v2 в описании есть ссылка на исходный код, также вы можете загрузить любой другой проект на GitHub 👍
я правельно понимаю что это платно?
Приветствую!
GitHub pages - это бесплатный сервис, на который вы можете заливать свои проекты.
@@topchiydevстранно я почему то не могу хоть код полностью рабочий
@@topchiydevвообщем извеняюсь я узнал что можно бесплатно делать только в паблике
а нормально что жду уже 20 минут?
Приветствую!
Не совсем, обычно это занимает меньше 5-10 минут, в зависимости от объема контента на сайте.
@@topchiydev спасибо большое за ответ, я уже отменил и повторил попытку снова через 3 мин получилось
не работает
Приветствую!
Работает
а можни так проект загрузит фронт и бакенд и сайт работает так нужно
Приветствую!
В целом можно, но back-end-om сейчас не занимаюсь.
спасибо за ролик) все отображается, кроме анимации (
Пожалуйста)
@@topchiydev порекомендуйте, пожалуйста, хорошие платные хостинги)😀
Сделал всё по твоей инструкции, но мои стили CSS не отобразились
Приветствую!
Сложно оценить в чем может быть проблема! Если все файлы и папки загружены на сервер, должно работать.
Если не получится снова, как вариант можете сбросить какой-то один файл, например index.html мне на почту codingwithtopchiy@gmail.com попробую проверить есть ли отображение.
@@topchiydev менял даже файлы и попробовал создать новый репозиторий, но не сработало. Тем не менее, спасибо за видео. Буду искать ответы далее
Пожалуйста 👍
на сайте тупо название репозитория и всё,не кайф,хелп
Приветствую!
Проверьте сходится ли название файлов которые заливали с файлами самого сайта, все должно быть одинаково, index.html, style.css и тд. Где-то допущена ошибка, нужно все проверить.
@@topchiydev низнаю,вторые сутки с этим дерьмом парюсь,уже и джаву и ксс отделил от кода,эти стили ваши,всеравно не работает ничё
@@topchiydev перерь вообще 404,класс
Попробуйте этот метод: Как загрузить сайт в интернет используя бесплатный хостинг netlify || Бесплатный хостинг netlify
czcams.com/video/E47jQsDCnFY/video.html
@@topchiydev ну вечером попробую, потом раскажу
сепic
спасибо!
Пожалуйста)
у меня почему то не открывается мой сайт открывается домен который вписал при создании сайта, два раза причем, и все. что делать?
Приветствую!
Получается вы подгрузили все файлы и папку с изображениями и совсем ничего не отображается, кроме ссылки с строке браузера?
Сложно оценить в чем может быть проблема! Если все файлы и папки загружены на сервер, должно работать.
Если не получится снова, как вариант можете сбросить какой-то один файл, например index.html мне на почту codingwithtopchiy@gmail.com попробую проверить есть ли отображение.
@@topchiydev спасибо, я решил попробовать новый сделать сайт, может я где то в самом файле не так код написал, поэтому не решил искать, просто сделаю по новой но уже медленней буду делать, и проверю все точно
@@Sylmxn Привет! Ты , случайно, не нашёл решение проблемы? У меня тоже самое, не открывается сайт.😢
@@user-vw1bp9xk9v нет, я сейчас забросил создание сайта, другим занимаюсь
у меня тоже, но 1000 раз проверяла свой код и он 100% правильный