Как Залить Проект на GitHub | Бесплатный хостинг GitHub Pages

Рет қаралды 15,770

Жыл бұрын

Привет, сегодня я расскажу о том как пользоваться бесплатным хостингом GitHub Pages.
Мы научимся загружать файлы готовой верстки на хостинг. Мы пройдем все шаги от регистрации на GitHub, создание репозитория, добавление фалов, создание папки.
Я покажу как легко делать Commit ))
Все очень просто и доступно, без углубленных знаний и заморочек.
Мы отредактируем файл README, сформируем ссылку и красиво оформим наш репозиторий.
Если тебе нужен бесплатный хостинг или выложить свой сайт, то это видео для ТЕБЯ!
Патреон автора: / ilay_stoaynov
Горячие клавишу (hot keys vs code)
➤ Ctrl + F ищем в файле,
➤ Ctrl + N создает новый файл,
➤ Ctrl + O добавляем проект в редактор,
➤ Ctrl + G ищем нужную строку в файле,
➤ Ctrl + C копируем
➤ Ctrl + X вырезаем(удаляем)
➤ Ctrl + V вставляем
➤ Ctrl + Shift + P выровнять элементы в файле
Полезные ссылки:
👉 Верстка макета Trevland - • #1 Верстка сайта | Вер...
👉 Все про слайдеры - • SLICK SLIDER - Адаптив...
👉 GitHub - github.com/
👉 Markdown для README - docs.github.com/en/get-starte...
👉 Portfolio - github.com/Ilya-Stoyanov/port...
👉 Я верю - ты сможешь, у тебя получиться 🏆
👋 Меня зовут Илья Стоянов, и я верстаю сайты, занимаюсь разработкой сайтов более 9 лет. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!

Пікірлер: 56

@user-nk8qx5yf2e Жыл бұрын

Спасибо Вам огромное! Куча пересмотренных видео и только Ваше помогло!

@ilyastoyanov-html-css-js-react Жыл бұрын

Привет, круто что тебе помогли мои уроки )

@Elena.S. 9 ай бұрын

Спасибо! Все получилось :)

@azkot_channel 7 ай бұрын

Спасибо, смотрел гайд который 3 года назад был и там старый интерфейс был, и не понятно было. Твой посмотрел и получилось потому-что тут новый интерфейс. Спасибо что ты сделал этот гайд

@George_E. 7 ай бұрын

Спасибо большое, очень полезное видео!😇

@yuriyzadorozhnyi3849 Жыл бұрын

Дякую , все доволі зрозуміло , багато передивився відео на цю тему і це одне з найкращих для розуміння .

@ilyastoyanov-html-css-js-react Жыл бұрын

Привіт, радий, що тобі сподобався контент і ти зміг застосувати це на практиці ))

@user-hd4jx1ul6y Жыл бұрын

спасибо большое самое понятное видео из всех существующих

@ilyastoyanov-html-css-js-react Жыл бұрын

Привет, рад что тебе понравилось ))

@motor4718 5 ай бұрын

спасибо, очень полезно!

@ilyastoyanov-html-css-js-react 5 ай бұрын

Привет, рад что видео было полезным )

@Ruslan-ki7ex 8 ай бұрын

Автор красавчик. Реально, единственный человек который с толком и расстановкой объяснил и показал. Респект тебе

@ilyastoyanov-html-css-js-react 8 ай бұрын

Привет, рад, что тебе понравилось!

@niceman5890 Жыл бұрын

Спасибо, очень помог

@MaximKopylov 10 ай бұрын

Это единственное адекватное и понятное видео про GitHub (на русском)👍 пересмотрел до этого 10 других, полный бред. Спасибо Автору огромное! лайк и подписка 👍👍👍

@ilyastoyanov-html-css-js-react 9 ай бұрын

привет, спасибо за комментарий ))

@seoonlyRU Жыл бұрын

Лайк вам, Илья, от СЕООНЛИ

@qwerty8858 Жыл бұрын

Огромное спасибо. Впервые зарегался в гитхабе. Крайне неудобная штука

@ilyastoyanov-html-css-js-react Жыл бұрын

Привет по началу возможно это так ) Но со временем ты увидишь, что Гит Хаб крутая штука

@opensourcevfx Жыл бұрын

Благодарю!) Ищу работу и вот то, что нужно!) Неудобно отправлять кучу ссылок в сопроводительном письме. А так - одна на сайтик)

@ilyastoyanov-html-css-js-react Жыл бұрын

Привет, рад что тебе помогла моя инструкция ))

@user-fq5qg4pd4j Жыл бұрын

Зачем создавать все файлы по отдельности, если можно перекинуть всю папку со всеми файлами разом?

@nazar.vagrant Жыл бұрын

Це взагалі не варіант, ніхто 3 файла не заливає.

@zenoyuilite Жыл бұрын

@@nazar.vagrant +

@Mi24B 10 ай бұрын

подскажите пожалуйста: что за проблема, из за которой при вводе названия для нового репозитория выдает ошибку? Когда кликаю на кнопку создать новый репозитор, появляется графа для ввода названия репозитора. Когда начинаю вводить, спустя 2-3 символа появляется "Упс, что то пошло не так". Буду крайне благодарен, если кто подскажет как решить проблему. Изменено: проблема решилась, когда тщательнее проверил настройки репозитория. Они почему-то по дефолту были выставлены неверно.

@nemostf2161 Жыл бұрын

Ссылка не появляется

@krabik2502 Жыл бұрын

привет, спасибо за понятный урок, но по поводу JQuery у меня другое мнение

@MelkoR4111 Жыл бұрын

если не секрет что за мнение? о чем вообще хотел сказать?

@TheKirk1989 9 ай бұрын

а если в проекте 10 папок и 500 файлов? Что то дич какая то копипастить и создавать каждый раз файлы в ручную. Неужели на ГХ нет возможности автоматизации этого процесса?

@ilyastoyanov-html-css-js-react 9 ай бұрын

Привет, есть )) но делается по другому Этот урок для самых маленьких, кто не знаком с терминалом и командами. 1. установи Git desctop 2. залогинся через Git Hub 3. сделай копию репозитория к себе на комп и работай ))

@user-df8vw5lh6g Жыл бұрын

здравствуйте, в чем может быть причина ,что картинки png после загрузки на гитхаб не видны в браузере? путь прописывала правильно, пересмотрела кучу видео и не могу понять(( В vscode в режиме go life все прогружается

@ilyastoyanov-html-css-js-react Жыл бұрын

Привет Евгения Суркова, для того чтобы понять причину 1. нужно выгрузить код на любой ресурс с открытым кодом jsfiddle точка net codepen точка io 2. тогда можно сказать в чем проблема

@user-df8vw5lh6g Жыл бұрын

@@ilyastoyanov-html-css-js-react спасибо большое, теперь я поняла что дело не в гитхабе) ,а просто не правильно путь к картинкам прописан.

@user-jl8fv2zz4e Жыл бұрын

@@user-df8vw5lh6g а можете сказать в чем именно была причина, у меня такая же проблема

@user-df8vw5lh6g Жыл бұрын

@@user-jl8fv2zz4e гитхаб очень чувствителен к регистру, поэтому нужно точно прописывать название папки с картинками.У меня так: portfolio/Images/ а в дальше загружаете картинки. Еще PNG прописала заглавными везде. Надеюсь помогла)

@user-jl8fv2zz4e Жыл бұрын

@@user-df8vw5lh6g с картинками разобрался, спасибо

@shavor1000 2 ай бұрын

А как залить на github проект если он собирался с помощью gulp? Там свои особенности!!!

@ilyastoyanov-html-css-js-react 2 ай бұрын

Привет, при работе с gulp нужно заливать файлы из папки prod или build (она мажет по разному называться), в ней находятся готовые скомпилированные файлы.

@apelsintv9486 7 ай бұрын

на джанге можно такое сделать?

@ilyastoyanov-html-css-js-react 7 ай бұрын

Привет, есть ссылка гитхаб, там весь код можно развернуть и сравнить)) Точка - это псевдо элемент.

@quach881 9 ай бұрын

Не видит изображения. Перепробовал всё что можно. Помогите пожалуйста

@ilyastoyanov-html-css-js-react 9 ай бұрын

привет, путь в изображении прописан не правильно нужно вот так лучше скриншот, тогда будет понятнее )))

@ismaxend4161 Жыл бұрын

Добрый день. У меня по ссылке открывается просто страница с названием проекта и все. Что делать?

@ilyastoyanov-html-css-js-react Жыл бұрын

Привет уточни по какой ссылке ) github.com/Ilya-Stoyanov/portfolio

@ismaxend4161 Жыл бұрын

@@ilyastoyanov-html-css-js-react а, та уже все, там просто оказывается что я назвал файл html не index, а по своему. Но все равно спасибо за ответ 👍👍

@user-jl8fv2zz4e Жыл бұрын

У меня css не работает, в чем может быть проблема? Всё как на видел сделал.

@ilyastoyanov-html-css-js-react Жыл бұрын

Привет, проверь подключение стилей в теге head должно быть так "css/style.css" или перейди на гит хаб - там есть файл, его можно открыть и сравнить строку подключения ))

@user-jl8fv2zz4e Жыл бұрын

@@ilyastoyanov-html-css-js-react спасибо тебе, друг-брат, твой коммент помог, очень извиняюсь ещё хотел узнать у меня обнуляющий список из прошлой работы на новую перешёл оба файла называются reset.css в новоп проекте в файлах все чётко а в девтолс из старого проекта, может ты знаешь в чем проблема)

@ilyastoyanov-html-css-js-react Жыл бұрын

переименуй файл, попробуй отключить по одному и посмотри изменятся ли стили )

@user-jl8fv2zz4e Жыл бұрын

@@ilyastoyanov-html-css-js-react все чётко. Спасибо большое! Лайк тоже поставил.

@_shadoword Жыл бұрын

у меня просто название на странице готовой уже и все

@annavelimovskaya Жыл бұрын

тоже самое

@user-vw1bp9xk9v 9 ай бұрын

Привет! Не нашёл решение проблемы?

@MelkoR4111 Жыл бұрын

очень тяжело найти толковое видео про гитхаб. если у тебя полноценная сборка галп с множеством папок. Все примеры на ютубе идентичны - создаем html и css и заливаем, ит все ок. Хотелось бы хоть гдето увидеть нормальный обзор про полноценную сборку. Это не конкретно к автору канала) не в обиду, просто пересмотрел уже штук 15 видео, везде одно и тоже. Методом проб и ошибок я так понял, что файлы с dist (или build, public, у кого -как) - загружаются только путем вручную переносом файлов. Автор если сможешь сделть хоть короткое видео, с меня лайки везде)