Как загрузить сайт или проект в интернет используя GitHub || Бесплатный хостинг GitHub Pages
ฝัง
- เผยแพร่เมื่อ 21 ก.ย. 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 th-cam.com/video/tCtVi1_gL-Q/w-d-xo.html
Спасибо за подсказку😊 посмотрю
Спасибо за полезное видео.
Пожалуйста)
офигенное видео, без воды
Спасибо за обратную связь)
спасибо большое за понятное объяснение
Пожалуйста)
Рад, что все понятно 👍
Красавчик все четко объяснил
Спасибо)
От души 🎉
Хороший человек спасибо большое вам
Пожалуйста)
я почемуто не могу создать сайт регистрации все делаю как нужно но пароль и логин не приходит на базу данних можешь както заснять видеоролик про єту тему пожалуйста
СПАСИБО ОГРОМНОЕ !!!!
Пожалуйста)
Большое спасибо! Мне очень помогло
Пожалуйста)
Круто у меня получилось
Отлично 👍🙂
@@topchiydevЗдравствуйте вы знаете прогграммирование?
Спасибо за видео!
Пожалуйста)
это база!!! лайк от СЕООНЛИ
Спасибо 👍
Спасибо! Ты гений
Пожалуйста)
Как обновить сайт после изменений в коде?
Приветствую!
Возможно это видео поможет разобраться: Как внести изменения в репозиторий на GitHub pages th-cam.com/video/tCtVi1_gL-Q/w-d-xo.html
@@topchiydev У меня пару вопросов.Может ли сайт видеть случайный человек без перехода по ссылке?И почему я не вижу логотип и название сайта?Может вопросы глупые,но я правда не понимаю.
Приветствую!
К сожалению нет, только по ссылке, то есть например в Google вы его не найдите без ссылки. По второму вопросу, возможно где-то ошиблись при добавлении названия сайта, название должно быть обязательно в таком формате “ваш_логин_на_github”.github.io/“название_проекта”.github.io
@@topchiydev Все,спасибо.Лайк и подписка
Извините можно ли изменить сайт(добавить объекты)?
Приветствую!
Да, можете посмотреть это видео: Как внести изменения в репозиторий на GitHub pages th-cam.com/video/tCtVi1_gL-Q/w-d-xo.html
@@topchiydev Спасибо!
делаю все как во всех видосах хоть убей 404, мне нужно проверить форму отправки на php а я сайт захостить не могу ибо или нет бесплатного хоста а есле и есть то это очень лагающее дерьмо решил на гитхаб все сделано как в видео но 404 говорит, есть предположения как можно поступить?
Приветствую!
К сожалению не сталкивался еще с такой проблемой. Попробуйте написать на StackOverflow, думаю там можно будет найти ответ 👍
Таже проблема
спасибо большое, очень помог
Пожалуйста)
спасибо
Пожалуйста)
Топ
Скажите а php скрипты будут работать!!!
Приветствую!
GitHub Pages предоставляет только хостинг для статических страниц, никаких серверных скриптов там запустить не получится. Так что, к сожалению, php скрипты работать не будут.
Спасибо!
Пожалуйста)
еще вкину лайфхак, стоб ссылка выглядела солиднее можете сократить ее через сокроститель ссылок
Спасибо за совет)
Спасибо большое
Пожалуйста)
подскажите пожалуйста, почему у меня вместо самого сайта открывается пустая страница с текстом, который содержиться в README (то есть с названием самого проекта)
Буду благодарна любой помощи)
Приветствую!
Проверьте, возможно у вас файлы находятся в какой-то папке, в там случае их нужно переместить в корень проекта без папок, также необходимо в настройках проекта на GitHub во вкладке pages выбрать ветку main. Еще проверьте правильно ли указано название сайта, должна быть приставка github.io
А как-нибудь редактировать код можно внутри файла, или надо все по новой делать, если хочешь что-то поменять в коде
Приветствую!
Для того чтобы внести изменения в репозиторий нужно использовать Git - систему контроля версий, а в целом можете удалить репозиторий добавить что-то новое в код и залить снова уже с правками.
спасибо большое!
Пожалуйста)
Спасибо. Когда проверил код на Codepen все работает но когда загрузил код на Гитхаб почему то не работает. Делаю все как на видео в чем проблема подскажите
Приветствую!
Сложно оценить в чем может быть проблема, возможно что-то не верно указали, нужно проверять сначала.
Спасибо большое.лудший
Пожалуйста)
здравствуйте. Я сделал все точно также как на вашем и еще 2 видео... но в итоге, после создания веб страницы, отображается только файл rerdme. Код HTML правильный, он работает. Что мне посмотреть, что проверить? Буду очень благодарен за ответ
Приветствую!
Если все файлы загружены верно, должно все отображаться!
А сама ссылка на сайт создалась?
То есть вы открываете сайт, а он пустой, хотя HTML добавлен?
@@topchiydev именно так. Я проверял штмл код в браузере, и контент отображался. Я добавил файл четко по инструкциям и создалась ссылка. Когда перехожу по ней- на пустой странице вижу только результат redme файла. Я только начал проходить онлайн курс full stack developer и гитхаб стал следующей темой, которая начинает меня валить😑
Как вариант можете поделится файлом, попробую подгрузить, проверить есть ли отображение.
Почта: codingwithtopchiy@gmail.com
@@topchiydev здравстуйте. Вы проверяли код?
У меня такая же проблема, загрузил всё точно по инструкции и как в других видео, но не работает. Переходя по ссылке открывается пустая страница@@topchiydev
странно, фоновая картинка сайта подгрузилась, а остальные нет, делал все по инструкции, может кто-то сталкивался с таким?
Приветствую!
Возможно что-то на самом GitHub, пробовал также добавлять изображения, пишет что все успешно добавлено, но изображения нет на странице. Ждём исправлений.
А можно в одном репозитории создать несколько?, как ссылки на главной странице переходящие на нужные проекты
Приветствую!
GitHub такой возможности не предоставляет, вы можете создать репозиторий и там размещать файлы и папки. Вы можете создать сайт на котором можно будет перемещаться на разные страницы, которые отвечают за разные проекты и залить его на GitHub.
Помогло но, как добавить другие странички. Например, ты хочешь добавить еще страницы но как их добавить?
Приветствую!
Можете посмотреть это видео: Верстка многостраничного адаптивного сайта используя HTML, CSS & JS th-cam.com/video/l9YHJpuIOYw/w-d-xo.html сделать что-то похожее и залить на GitHub.
делаю все как на видео но когда перехожу по ссылке там только название сайт текстом. Помогите пожалуйста!!!
Приветствую!
Проверьте еще раз все ли верно добавлено, такое отображение может быть, когда файлы не распознаются, возможно они размещены еще в одной папке и тд.
Сделал все по инструкции. Нажал save, но ссылку мне не выдало, не могли бы вы подсказать в чем проблема?
Приветствую!
Проверьте настройки еще раз, build and deployment > source > должно быть «Deploy from a branch» > Branch > должно быть «main» > «root» затем «save».
А будет ли виден этот сайт если ввести его название в интернете? Или только по ссылке если переходить?
Приветствую!
Можно делиться только ссылкой, чтобы можно было находить сайт в интернете например через Google нужно залить сайт на платный хостинг.
А как загрузить например ноде модульенс когда там очень много файл и папок ???
Приветствую!
Не знаю, что такое «ноде модульенс», но можете попробовать загрузить файлы и добавить папки и в них также загрузить нужные файлы.
а как обновить сайт если там ошибка?
Приветствую!
Нужно все проверить и понять почему возникает ошибка, скорей всего что-то неправильно подключилось.
Я прикрепил файлы html css js но при открытии сайта показывается только имя почему так
Приветствую!
Не могу точно подсказать почему так, с такой проблемой не сталкивался еще.
А работать ли так же на Django
Приветствую!
Не в курсе.
Thanks Brother )
Welcome 🙂
5:25 стиле, стайл
Хорош
Я хочу создать множестнво новых сайтов не удаляя старые но памяти автоматом 400мб как быть?
Приветствую!
Для того чтобы внести изменения в репозиторий нужно использовать Git - систему контроля версий.
У меня не получается помогите пожалуйста, сделаю как на видео и все равно не получается, появится аай8в сайтп написано ошибка 404 файл не найден 😢
Приветствую!
Сложно оценить в чем может быть проблема! Если все файлы и папки загружены на сервер, должно работать.
Если не получится снова, как вариант можете сбросить какой-то один файл, например index.html мне на почту codingwithtopchiy@gmail.com попробую проверить есть ли отображение.
Делал все по образцу и почему то вместо сайта показывает только его название и коментарий который мы оставили?
Приветствую!
Скорей всего где-то допустили ошибку, проверьте еще разок.
у меня такая же ошибка. если понял как решить это, подскажи пожалуйста
при загрузке img, если кнопка [commit changes] - доступна, то можно сразу нажать на [commit changes] ?
Да, все верно.
@@topchiydev а ничего, что в этой папке после загрузки нет фотографий в Гите ?
у меня все без картинок и css загрузилось. (css загружала без внешнего файла, а указывала путь через точку), также нет картинок (когда загружала img, не было в гите картинок только папка)
Вы создавали пустой файл [test.txt] в папке img?
Добавьте его, а затем фото, должно все отображаться.
чтобы что-то делать на странице pages, нужна платная подписка...
Приветствую!
GitHub free работает, все нормально.
Да, действительно добавилась оплата за GitHub Pro, но pages работают.
Спасибо
Пожалуйста)
А как базу данных добавить? Конектнуть к гитхабу Я чацник
Приветствую!
Никак, GitHub предназначен для работы со статичными страницами.
@@topchiydev а как вообще подключать к сайту
GitHub - это бесплатный хостинг, вы можете делиться ссылками сайтов залитыми через GitHub, для этого нужно залить код HTML, CSS и JavaScript это может быть простой landing. Чтобы подключить базы данных MySQL, PHP и тд. можно заливать сайты на платные хостинги, такие как hostinger.com или godaddy.com.
Вопрос, у меня нечего не работает, выскакивает имя репозитория и все, ни css, ни html, ни img
Приветствую!
Проверьте путь к файлам, все должно подгружаться без проблем.
загрузил всё что не делал что не крутил ошибка 404 (автор, у меня получилось сделать сайт, но почему-то у меня не запускается он просто написано название сайта и описание что делать?)
Приветствую!
Не могу сказать точно, в чем может быть проблема, возможно что-то в персональных настройках не так, проверьте еще раз все по инструкции.
он платный что ли теперь?
Приветствую!
Вроде ничего не менялось, бесплатный.
@@topchiydev я когда пытался, написано было, что нужно подписку подключать какую-то
@@matje_bal + только хотел сделать как обычно смотрю а теперь платно
Здраствуйте, а на github можно запустить сайт на питоне?
Приветствую!
С phyton не работаю, поэтому точно не подскажу, поищите информацию в сети.
А гит круче чем я думал
А после загрузки все файлы и затем как изменить в код?
Приветствую!
Вот инструкция: Как внести изменения в репозиторий на GitHub pages th-cam.com/video/tCtVi1_gL-Q/w-d-xo.html
Здравствуйте! Способ ваш помог, сайт загрузился, но отображается только HTML, ни js ни scc ничего не работает. Помогите ) и как его можно удалить?😊
Приветствую!
Рад, что получилось, хоть и на половину.
Проверил у себя, все файлы грузятся нормально, не знаю в чем может быть проблема у вас.
По поводу удаления репозитория: выбираете репозиторий, затем вкладку "Settings" и в самый низ страницы там есть вкладка "Delete this repository".
видео очень полезное спасибо но что делать когда при переходе по ссылки на свой сайт пишет что ошибка безопасности опасный сайт
Приветствую!
Спасибо за обратную связь.
Рад, что видео оказалось полезным.
Честно говоря с такой проблемой еще не сталкивался, возможно поможет эта под тема разобраться: docs.github.com/ru/pages/configuring-a-custom-domain-for-your-github-pages-site/troubleshooting-custom-domains-and-github-pages#cname-errors
почему когда я загружаю сайт, у меня не отображаютьса стили. Просто голый сайт
Приветствую!
Проверьте еще раз, возможно стили не подключились.
*_Мой проект написан на React JS (Фронтенд), Node JS (Бекенд), PostgreSQL (База Данных). Там миллион файлов и папок, можно ли залить всё архивом? Ибо невозможно залить тысячи .jsx файлов_*
Приветствую!
К сожалению нельзя, GitHub не предоставляет такой функции, архив можно залить, но распаковать файлы не удастся.
*_Понял, благодарю_*
А если в сайте нету изображении, то надо ли добавать файл с изображением?
Приветствую!
Если хотите чтобы было изображение на сайте, тогда да, его нужно добавить.
@@topchiydev А если его нету?
Не совсем понял, вы добавили изображение на сайт и оно не отобразилось? В таком случае либо подождите и обновите, либо удалите репозиторий и залейте все заново.
я не собираюсь использовать изображение в своем сайте, нужно ли добавлять файл для изображения?
Тогда не нужно.
Чувак, я всё сделал как на видео, но без папки style css, потому что в моем коде уже присутствовал стиль, я дальше без понятия, я всё загрузил только внутри сайта теперь только название сайта и больше ничего не фотки , ни текста, пустота и название, проконсультируй пожалуйста
Приветствую!
Очень сложно оценить в чем может быть проблема, по идее если все по видео делали, должно работать.
Проверьте еще раз все и попробуйте снова, если не получится можете сбросить файл на почту codingwithtopchiy@gmail.com попробую залить, если все получится дам обратную связь и удалю репозиторий.
squyz.github.io/landing/ - мой самый сложный лендинг. до этого делал длинные сайты, где анимаций почти не было, а тут впервые взялся за что-то такое. спасибо большое за помощь! вы очень помогли!
Приветствую!
Пожалуйста, рад, что смог помочь)
Очень крутой эффект с полем для ввода почты 👍👍👍
подходит ли этот сервис для динамических сайтов? Например с использованием python, php или node js?
Приветствую!
К сожалению нет, подходит только для статических.
@@topchiydev Жаль
Чтож, обращусь к этому видео если у меня появится статический сайт))
А с помощью github можно загрузить сайт так же с файлом .js? И, можно загружать сколько угодно сайтов или есть какой-то лимит?
Приветствую!
Да, файлы с .js можно добавлять. На счет лимита точно не знаю, но думаю особых ограничений нет. Также можно использовать ресурс netlify.com, вот видео об этом ресурсе: th-cam.com/video/E47jQsDCnFY/w-d-xo.htmlsi=MBKH063purNuh6DP
@@topchiydev у меня в созданном сайте картинка не отображается ((
Скорей всего не правильный путь указали для картинки, перепроверьте.
@@topchiydevда, проблема оказалась в этом. Но появилась новая - первый сайт загрузился отлично, но когда пытался загрузить второй, ссылка была создана, но перейдя по ней я постоянно попадаю в сайт, где написано лишь название репозитория и её описание. Пытался загрузить и другие сайты, с ними то же самое. Пробовал загрузить их в netlify связав его с github, созданная там ссылка выдает ошибку 404. В чем может быть проблема?
Не могу точно сказать в чем проблема, скорее всего где-то допустили ошибку, что-то пропустили.
Можно ли сделать свой домен?
Приветствую!
Можно, но на платном хостинге.
Например, hostinger.com или godaddy.com
404 file not found почему???????????
Приветствую!
Не могу подсказать, не сталкивался с таким.
Приветствую!
Ознакомьтесь с этим руководством: docs.github.com/ru/pages/getting-started-with-github-pages/troubleshooting-404-errors-for-github-pages-sites возможно получится найти решение проблемы.
@@topchiydev спс
Здравствуйте, сделал всё точно также как вы указали на видео. Но, не создается автоматически сайт, не знаете с чем это связано и как это исправить?
Приветствую!
Проверьте настройки еще раз, build and deployment > source > должно быть «Deploy from a branch» > Branch > должно быть «main» > «root» затем «save».
И нужно подождать какое-то время, ссылка должна появится.
@@topchiydev было выполнено, ждал около 2 часов, так и не появилось
Откровенно говоря никогда не сталкивался с такой проблемой, обычно всегда ссылка появляется, попробуйте поискать в сети ответ или опишите проблематику на stack overflow.
@@topchiydevа, примерно сколько времени нужно ожидать до появления ссылки?
Не больше 5-10 минут как правило
треш какой то а не иснтрукция..... одной кучей все файлы скинуть можно!
Можно ли загрузить свой сайт WordPress на GitHub Page. Подскажи пожалуйста!!!!
Приветствую!
Да, это возможно!
Нельзя
а как сделать аватарку для сайта?
Приветствую!
Посмотрите это видео: Как добавить Favicon th-cam.com/video/Vu1NHeldDbo/w-d-xo.html
у меня раньше так работало а сейчас я вибираю мейн нажимаю сейв и у меня кнопка не стает серой и ссылка не появляеться
Приветствую!
Попробуйте еще раз все сначала, если не получится можете обратится в службу поддержки GitHub: support.github.com/
Я просто с такой проблемой никогда не сталкивался, всегда все отображалось.
А сейчас на почту пришло: Run Failed: pages build and deployment - main (da9f39e)
@@topchiydevя пробовал 2-3 разп
у меня страницы пустые(
Где-то есть ошибка, поверяйте снова.
Cпасибо помогло, но в 6:50 у меня здесь долгая загрузка что то
Пожалуйста)
Все круто,только одна проблема.. Сайт загружается без картинок и css. Наверное я что-то упустил :(
Приветствую 👋🏻
Да, скорей всего так и есть, проверьте все внимательно еще раз.
запустил сайт в новой ветьви сайт написан на Flask пишет ошибка 404
попробывал захостить на пайтон анювере все работает но там платный кастомный домен
Приветствую!
Может это руководство поможет разобраться: docs.github.com/ru/pages/getting-started-with-github-pages/troubleshooting-404-errors-for-github-pages-sites
уже разобрался сам когда прочитал документацию@@topchiydev
У меня у одного нет ни кнопки upload file ?
Приветствую!
Должна быть.
Как с тобой связаться?
Приветствую!
Можете написать на почту codingwithtopchiy@gmail.com
@@topchiydev написал на почту
Видео очень помогло, однако картики не загружаются на сайте
Приветствую!
Пожалуйста)
Возможно какая-то временная проблема, вчера заливал проект и также не отображались, хотя и указывает, что upload successful.
@@topchiydev благодарю!
можно пожалуйста код для такого сайта
Приветствую!
Вот ссылка на видео: th-cam.com/video/5_3Jlji7EKY/w-d-xo.htmlsi=aoieoe-F_Xh7x9v2 в описании есть ссылка на исходный код, также вы можете загрузить любой другой проект на GitHub 👍
а нормально что жду уже 20 минут?
Приветствую!
Не совсем, обычно это занимает меньше 5-10 минут, в зависимости от объема контента на сайте.
@@topchiydev спасибо большое за ответ, я уже отменил и повторил попытку снова через 3 мин получилось
я правельно понимаю что это платно?
Приветствую!
GitHub pages - это бесплатный сервис, на который вы можете заливать свои проекты.
@@topchiydevстранно я почему то не могу хоть код полностью рабочий
@@topchiydevвообщем извеняюсь я узнал что можно бесплатно делать только в паблике
не работает
Приветствую!
Работает
а можни так проект загрузит фронт и бакенд и сайт работает так нужно
Приветствую!
В целом можно, но back-end-om сейчас не занимаюсь.
спасибо за ролик) все отображается, кроме анимации (
Пожалуйста)
@@topchiydev порекомендуйте, пожалуйста, хорошие платные хостинги)😀
Сделал всё по твоей инструкции, но мои стили CSS не отобразились
Приветствую!
Сложно оценить в чем может быть проблема! Если все файлы и папки загружены на сервер, должно работать.
Если не получится снова, как вариант можете сбросить какой-то один файл, например index.html мне на почту codingwithtopchiy@gmail.com попробую проверить есть ли отображение.
@@topchiydev менял даже файлы и попробовал создать новый репозиторий, но не сработало. Тем не менее, спасибо за видео. Буду искать ответы далее
Пожалуйста 👍
сепic
на сайте тупо название репозитория и всё,не кайф,хелп
Приветствую!
Проверьте сходится ли название файлов которые заливали с файлами самого сайта, все должно быть одинаково, index.html, style.css и тд. Где-то допущена ошибка, нужно все проверить.
@@topchiydev низнаю,вторые сутки с этим дерьмом парюсь,уже и джаву и ксс отделил от кода,эти стили ваши,всеравно не работает ничё
@@topchiydev перерь вообще 404,класс
Попробуйте этот метод: Как загрузить сайт в интернет используя бесплатный хостинг netlify || Бесплатный хостинг netlify
th-cam.com/video/E47jQsDCnFY/w-d-xo.html
@@topchiydev ну вечером попробую, потом раскажу