Тёмный

Создаем свой сайт на Github Pages (бесплатный хостинг гитхаб) 

Анна Блок
Подписаться 102 тыс.
Просмотров 85 тыс.
50% 1

👩‍💻🧑‍💻 Бесплатный практикум по веб-разработке - annblok.ru/workshop
Ставьте лайк, если считаете это видео интересным и познавательным, а также не забывайте подписываться, чтобы не пропустить новинки.
✅ Instagram - / annblok
✅ TikTok - / annblok_webdev
✅ Сайт - tpverstak.ru
✅ ВК - tpverstak
✅ Telegram - t.me/tpverstak
✅ Чат Telegram - t.me/tpverstakchat
✅ Поддержать канал - / @annblok_webdev
Обучение Frontend-разработке - frontendblok.com/
Frontend Book PDF - tpverstak.ru/frontendbook
Задать вопрос про фронтенд или верстку - frontendhelp.me/ru

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

 

23 окт 2017

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 183   
@annblok_webdev
@annblok_webdev 2 года назад
Обновленный гайд о том, как опубликовать сайт на Github - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-TLNJnxDdnhs.html (переходите сюда)
@golovatskii_r
@golovatskii_r 8 месяцев назад
Музон в начале такой, как будто щас мне буду рассказывать, как собрать и разобрать автомат
@svetlanamakridina3680
@svetlanamakridina3680 3 года назад
Все получилось ))))) рада рада
@als-creator
@als-creator 9 месяцев назад
а для фреймворков типа джанги или фласка не прокатит такой вариант?
@user-fv2hv3uz3m
@user-fv2hv3uz3m 3 года назад
А про контроль версий Git +GitHub у вас есть видео?
@disposables72
@disposables72 4 года назад
Норм. Кратко, лаконично. То что ожидалось от видео с таким названием! Спасибо.
@spbvideojournal
@spbvideojournal 3 года назад
Божечки-Кошечки! Что за музыка на заднем плане играет? Я себе хочу её в плеер ко кд! Спасибо за видео, кстати, реганусь пожалуй и тут))).
@olegzhdanov-grannik3072
@olegzhdanov-grannik3072 11 месяцев назад
Девушка и программист?! Слушайте! Да вы просто умница и красавица!
@vladimirvolf3935
@vladimirvolf3935 Год назад
Как всегда все чётко и ясно обьясняется. Спасибо. Нельзя ли ссылочку на фоновую музыку?
@olegzhdanov-grannik3072
@olegzhdanov-grannik3072 8 месяцев назад
Интересно где такую музыку для видео взяли?
@svetlanamakridina3680
@svetlanamakridina3680 3 года назад
Спасибо, очень полезное видео
@r3mdg
@r3mdg 4 года назад
Видео старое, но до сих пор актуальное!!!! Спасибки!
@79info
@79info 2 года назад
неактуально уже
@andreikhodzin3789
@andreikhodzin3789 4 года назад
А как насчет подключения стилей и скриптов к index.html,,,,, ?????что указывать? Спс!!!!!
@mufasacool5935
@mufasacool5935 Год назад
Здравствуйте, подскажите как и где можно найти ссылку на сайт или запустить просмотр сайта? Заранее спасибо!
@comisriron9456
@comisriron9456 6 лет назад
спасибо за урок, выложу сайт по этим советам
@vasil-vasil
@vasil-vasil 4 года назад
На каждом сайте нужна отправка формы, не знаю может ли через js отправить форму
@svhanz
@svhanz 3 года назад
Я обожаю эту девушку! Спасибо за науку!
@Mykhailo_Vdovychenko
@Mykhailo_Vdovychenko 3 года назад
Cпасибо, помогли!
@DerAleksey
@DerAleksey 11 месяцев назад
Спасибо Анютка, выручаешь 8-B
@lopast424
@lopast424 6 лет назад
отличный урок
@serhiismilianets5519
@serhiismilianets5519 5 лет назад
здравствуйте, а можно ли разместить многостраничный сайт или только одностраничный?
@annblok_webdev
@annblok_webdev 5 лет назад
Здравствуйте, можно
@alexgrabarskoy3731
@alexgrabarskoy3731 Год назад
спасибо, 3е видео кот я посмотрел,самое понятное
@CreedBek
@CreedBek Год назад
Спасибо большое😊😊😊
@user-ew4dl5ek2i
@user-ew4dl5ek2i 2 года назад
Спасибо тебе... )))
@sldstrst2022
@sldstrst2022 2 года назад
интересна тема времени, которое необходимо ожидать после загрузки на гитхаб когда отобразится сайт по ссылке. еще интересный момент, что так как любой увожающий себя компьюторщик смотрит видеоролики на скорости х1.5-2, для каждого будет звучать довольно забавно ваша музыка на фоне - будто хоррор с элементами драмы и комедии. а, ну и как ранее написали иные комментаторы - index.html.
@ruden6623
@ruden6623 Год назад
Можно и без index, но нужно напрямую указывать название файла: githubio/somerepo/somefile.html
@ulbolsynzh
@ulbolsynzh 3 года назад
получилось спасибо
@xt3
@xt3 3 года назад
Моя ты рыба золотая) я думал это реально гемор - залить на гитхаб сайт)
@andriyrak4834
@andriyrak4834 3 года назад
подскажите музыку с видео
@gotbenzoltsgraft3693
@gotbenzoltsgraft3693 2 года назад
что за музон играет???
@user-qf2hp8qn2m
@user-qf2hp8qn2m 5 лет назад
Здравствуйте! Как разместить несколько сайтов в одном репозитории?
@Creicke
@Creicke 2 года назад
Я все зделал, а где смотреть сайт?
@xt3
@xt3 3 года назад
я так понимаю имя аккаунта и название репозитория на котором будет сайт должны быть идентичны?
@ruden6623
@ruden6623 Год назад
Нет, можно и так: ruden2007githubio/MangaTools/about. Только я его не доделал и нету файлов шрифтов поэтому всё криво
@sidjo6191
@sidjo6191 4 года назад
по какой ссылке смотреть свой сайт, где взять ее??
@quietlab.5727
@quietlab.5727 4 года назад
имярепозитория.github.io на 2:05
@79info
@79info 2 года назад
@@quietlab.5727 не работает уже
@mrPRIZRAKmr
@mrPRIZRAKmr 6 лет назад
Вы забыли упомянуть что файл html обязательно должен иметь имя index.html
@kurofoxy9266
@kurofoxy9266 6 лет назад
спасибо за то что написал
@beibaryszakirzhan309
@beibaryszakirzhan309 5 лет назад
Боже спасибоооо тебееее. Вроде все правильно сделал, но ничего не помогало и уже отчаялся. Попробовал изменить имя файла, и все сработало. Спасибо огромное)
@user-by4sz6is2h
@user-by4sz6is2h 4 года назад
Да, это точно, посмотрел все видео, все инструкции, как загрузить сайт на гитхаб, никто не говорил про index. html. 2 дня мучался, теперь наканец то получилось
@slavik4420
@slavik4420 3 года назад
А если index.php
@Sliver4649
@Sliver4649 3 года назад
@@slavik4420, пхп не поддерживается
@pass1594
@pass1594 6 лет назад
КЛАСС
@alexanderzhidkikh7536
@alexanderzhidkikh7536 5 лет назад
несколько вопросов : 1) Изначально у нас в Readme файле написано "бла-бла.github.io" и при переходе по ссылке отражается эта надпись. Когда мы загружаем в репозиторий html файлы и другие, они начинают лежать на репозитории рядом с readmr файлом, но показываться автоматически будет при переходе по ссылке уже будет интерфейс залитого сайта (index.html). а не надпись "бла-бла.github.io" из файла readme? 2) Если не создавать изначально readme файл (не ставить галочку рядом с "inicialize..." , то что будет? Мы сможем так же залить наш сайт на хостинг? 3) Только один хостинг возможен для одного аккаунта? чтобы сделать несколько, нужно создавать несколько разных аккаунтов на гитхаб?
@annblok_webdev
@annblok_webdev 5 лет назад
1) да 2) да 3) можно, но проще сделать просто несколько папок для разных сайтов, если хотите сделать портфолио
@svhanz
@svhanz 3 года назад
@@annblok_webdev 3) а реп нужно создавать для каждого сайта свой, я правильно понимаю?
@annblok_webdev
@annblok_webdev 3 года назад
@@svhanz Не обязательно. Можно просто по папками разместить
@user-pd3vv1ij6b
@user-pd3vv1ij6b 3 года назад
не работает не видит файлы когда переходишь по ссылке не открываеться сайт
@roozegrow8791
@roozegrow8791 4 года назад
Я делала сайт при помощи node:sass .Что делать с этими папками?? sass загрузила а node_modules нет. Сейчас сайт не корректно отображается. Подскажите что делать?
@user-pb3yt3bo9u
@user-pb3yt3bo9u 4 года назад
думаю надо делать билд сначала
@SS86Precursor
@SS86Precursor 3 года назад
то есть проект на wp c базой sql залить нереально?
@annblok_webdev
@annblok_webdev 3 года назад
Нет, для этого текущий хостинг не предназначен
@SS86Precursor
@SS86Precursor 3 года назад
@@annblok_webdev да, я уже понял.
@VursPZ
@VursPZ 6 лет назад
Куда надо нажать чтобы посмотреть свой сайт?
@annblok_webdev
@annblok_webdev 6 лет назад
Необходимо ввести в адресную строку имя_вашего_репозитория.github.io
@ok_kov
@ok_kov 5 лет назад
@@annblok_webdev что-то не работает такой фокус для существующего репозитория на моём аккаунте гитхаба
@maramanshow2942
@maramanshow2942 5 лет назад
А js или php поддерживает? Или только статичный без js и и.д.
@Alex-hm3uk
@Alex-hm3uk 5 лет назад
js да. php нет.
@Jalic159
@Jalic159 5 лет назад
@@Alex-hm3uk ляя
@olegplahotniy7307
@olegplahotniy7307 4 года назад
ДЖиес поддерживает сам браузер.
@user-es1eo1xb7k
@user-es1eo1xb7k 5 лет назад
Здравствуйте, Анна, а не могли бы вы на пальцах рассказать про позиционирование элементов?
@annblok_webdev
@annblok_webdev 5 лет назад
Здравствуйте, ролик уже есть на канале ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SEc5SGjgVhc.html
@user-es1eo1xb7k
@user-es1eo1xb7k 5 лет назад
@@annblok_webdev ага, спасибо, нашел, всего доброго!
@user-ek7up5bf5d
@user-ek7up5bf5d 4 года назад
Четко , я себе все сделал, эту инструкцию сохранил , ты не упомянула , что если кидать папку , в которой все файлы , то нужно еще к своей ссылке добавлять через слэш имя корнейвой папки , у меня вышло так yrchick.github.io/app . Получается все файлы html и less находятся в папке app
@ARTEMFOREVER
@ARTEMFOREVER 3 года назад
какая музыка классная .. .. да и видое.. но музыка АЩЕ БОМБА
@Ion_officcially
@Ion_officcially 5 лет назад
спасибо
@user-qd1jq4ok8z
@user-qd1jq4ok8z 6 лет назад
спасибо за урок
@user-bh8cd2um8p
@user-bh8cd2um8p 6 лет назад
отправка письма на github pages не работает, не подскажете почему?
@annblok_webdev
@annblok_webdev 6 лет назад
Скорее всего реализацию отправки вы реализуете через php. Если это так, то поддержка php у Github Pages отсутствует.
@abduvosidmalikov
@abduvosidmalikov 4 года назад
спасибо большое)
@user-by4sz6is2h
@user-by4sz6is2h 4 года назад
Уже посмотрел 5 разных видео, все равно ничего не получается, все время ошибка 404 - страница не найдена. В чем проблема, никто не знает? Я пробовал и как в видео и через командную строку, ничего не выходит...
@user-by4sz6is2h
@user-by4sz6is2h 4 года назад
И ещё вопрос, в названии обязательно писать github.io или нет, все по разному делают, никто не объясняет подробно
@user-by4sz6is2h
@user-by4sz6is2h 4 года назад
Ещё думаю, мб я подключал jq через cdn, из за этого что-ли не получается, если да, то как мне это исправить?
@user-by4sz6is2h
@user-by4sz6is2h 4 года назад
Хотя если и отдельно html только загружать, все равно выходит ошибка 404...
@annblok_webdev
@annblok_webdev 4 года назад
Ник и имя репозитория совпадают?
@user-by4sz6is2h
@user-by4sz6is2h 4 года назад
@@annblok_webdev я уже создавал до этого репозиторий с совпадающем ником, теперь мне такой же не даёт ввести, мне новый репозиторий нужен, другое имя не могу ввести?
@aleksandrsidorov5035
@aleksandrsidorov5035 6 лет назад
Всё сделал как сказана на видео, но даёт ошибку 404. Пожалуйста скажите как исправит.
@annblok_webdev
@annblok_webdev 6 лет назад
Aleksandr Sidorov проверьте, совпадает ли у вас имя никнейма с именем репозитория?
@aleksandrsidorov5035
@aleksandrsidorov5035 6 лет назад
Спасибо большое исправил но файл html который я выложил не показывается.
@aleksandrsidorov5035
@aleksandrsidorov5035 6 лет назад
все получилось изменил имя файла на index, большое спасибо МАДАМ
@annblok_webdev
@annblok_webdev 6 лет назад
Aleksandr Sidorov какое имя у файла? Ещё очень помогла бы ссылка на сам репозиторий.
@aleksandrsidorov5035
@aleksandrsidorov5035 6 лет назад
переименовал репозиторий на имя пользователя, получилось.
@user-ot9gi9yv9v
@user-ot9gi9yv9v Год назад
Я тонну контента перелопатил по созданию репозитория , и так и не понял как залить готовый проект , здесь же 2 минуты и сайт залит, от души
@888Koshka
@888Koshka 6 лет назад
добавил в закладкии
@usell2021
@usell2021 3 года назад
не работает, пишет 404 There isn't a GitHub Pages site here. If you're trying to publish one, read the full documentation to learn how to set up GitHub Pages for your repository, organization, or user account. GitHub Status - @githubstatus
@annblok_webdev
@annblok_webdev 3 года назад
Выполнили ошибку значит)
@alexanderdiakonov1340
@alexanderdiakonov1340 4 года назад
А где эта ссылка!?!?!?!?!??!?!?
@user-ib2oz8wc2l
@user-ib2oz8wc2l 4 года назад
Забей в брузере pages.github.com Потом на появившейся странице жми на ссылку GitHube repository.
@narrator2594
@narrator2594 4 года назад
А как добавить другие страницы на этот сайт?
@user-hm7nt6df7b
@user-hm7nt6df7b 3 года назад
Что делать если вместо всех букв непонятные символы?
@annblok_webdev
@annblok_webdev 3 года назад
Проверить кодировку
@user-kt2jd1qx4l
@user-kt2jd1qx4l 3 года назад
А вот как выложить несколько страниц-портфолио на guthub?
@ruden6623
@ruden6623 Год назад
Также, просто создаёте папки для каждой страницы содержащие index.html либо несколько html файлов с разными названиями, но тогда нужно будет в url через слеш дописывать название файла - githubio/somerepo/some file.html
@aleksandrzelenskiy4000
@aleksandrzelenskiy4000 4 года назад
Отличная инструкция. Спасибо. И голос приятный. Не подскажете что за саундтрек на фоне?
@billiedark
@billiedark 3 года назад
Вчера увидел в тик-токе, сегодня в ютубе, это знак?
@NanNan-nb4qf
@NanNan-nb4qf 3 года назад
Это ретаргет
@ulbolsynzh
@ulbolsynzh 3 года назад
имя все одинаково не работает 404
@gummibarchen1372
@gummibarchen1372 5 лет назад
Ошибка 404 Django2.2
@user-ee4rs3lv8u
@user-ee4rs3lv8u 6 лет назад
как удалить не нужный репозиторий?
@annblok_webdev
@annblok_webdev 6 лет назад
Если вы находитесь на странице репозитория, то вверху ищите слово Settings, жмите по нему, листайте вниз до фразы Delete this repository и следуйте дальнейшим инструкциям.
@olgashvets4363
@olgashvets4363 6 лет назад
подскажите, пожалуйста, более подробно как добавить, назвать еще один репозиторий, чтоб он не отображался ошибкой 404
@user-mh9wb2ph8c
@user-mh9wb2ph8c 5 лет назад
Ольга, изначально для github pages создаётся репозиторий вида: username.github.io где - username - это имя аккаунта на github. В процессе создания сайта можно воспользоваться десктопной или консольной утилитой git, что гораздо удобней загрузки файлов в ручную. Так же можно публиковать отдельные репозитории из своего аккаунта. Для этого в настройках выбранного репозитория в секции github pages необходимо выбрать публикуемую ветку и она будет доступна по адресу: username.github.io/reponame .... Как то так....
@RUS4HELP
@RUS4HELP 5 лет назад
Всё сделал по инструкции и вот итог - yadi.sk/i/pWuhaHh06J3BYA Как быть?
@annblok_webdev
@annblok_webdev 5 лет назад
Имя репозитория совпадает с именем аккаунта?
@reiser8369
@reiser8369 4 года назад
@@annblok_webdev нет
@user-bh8cd2um8p
@user-bh8cd2um8p 6 лет назад
А ИНТЕРНЕТ МАГАЗИН МОЖНО НА ГИТХАБ РАЗМЕСТИТЬ?
@annblok_webdev
@annblok_webdev 6 лет назад
Нет, Github Pages подходит для статических страниц, такие как лендинги, сайт-визитка, промо-сайт. Возможность создания баз данных здесь отсутствует.
@user-rg8yk9tu4m
@user-rg8yk9tu4m 2 года назад
Жалко, а что же в этом случае делать?
@user-sl8kc2gi8g
@user-sl8kc2gi8g 4 года назад
а если у меня несколько сайтов, нужно несколько аккаунтов создавать?
@79info
@79info 2 года назад
это не работает там все по другому теперь
@user-sm9oh4oe4k
@user-sm9oh4oe4k Год назад
Работает всё
@gabrieldavlatov5501
@gabrieldavlatov5501 3 года назад
Можно больше не будете записывать видео уроки?(
@annblok_webdev
@annblok_webdev 3 года назад
Ок
@gabrieldavlatov5501
@gabrieldavlatov5501 3 года назад
@@annblok_webdev Теперь мне не по себе). Я передумал, продолжайте и пожалуйста более подробнее описывайте действия). Ведь в конце вдруг резкий переход без показа важных настроек и забомбил от потраченного времени. Одним словом соррь)
@ded5942
@ded5942 4 месяца назад
Не помогло
@crypto-xenomorph
@crypto-xenomorph 5 лет назад
Классно и удобно. А я все равно из консоли запушиваю, патамушта это олдскульно и эпично.
@Raper55
@Raper55 Год назад
почему я закинул всю папку целиком своего сайта и он не открывается по ссылке в чем может быть проблема?
@Rasmushippi
@Rasmushippi 5 лет назад
А зачем для тестовых проектов вообще прибегать к услугам хостеров. Не проще ли иметь свой домашний веб-сервер?
@annblok_webdev
@annblok_webdev 5 лет назад
Каждый решает этот вопрос для себя сам.
@ruden6623
@ruden6623 Год назад
Хз, я вот по локальной сети файлы открываю, редактирую и сразу могу посмотреть их введя IP сервака в браузере. Позднее хочу статический IP купить и можно будет с любой точки мира и заходить и редактировать
@kurofoxy9266
@kurofoxy9266 6 лет назад
ошибка 404
@Amigun_yo
@Amigun_yo 5 лет назад
Решили проблему?
@user-er5kd2xr8c
@user-er5kd2xr8c 3 года назад
Не загружается фото кто может посмотреть в чём проблема salamatkami.github.io/zhansaya/
@Dimon-op7dp
@Dimon-op7dp 3 года назад
Ответь пж
@user-mu4cd2jl4p
@user-mu4cd2jl4p 3 года назад
Как то все сложно
@user-iq2vn6cz7y
@user-iq2vn6cz7y 2 года назад
Тема не раскрыта .
@user-wi1pw7wp4v
@user-wi1pw7wp4v 4 года назад
Понятно, а как правильно выгрузить НЕСКОЛЬКО сверстанных сайтов?
@olegplahotniy7307
@olegplahotniy7307 4 года назад
Создай несколько проектов на гитхабе.
@ilnurildarovich
@ilnurildarovich 5 лет назад
Вопрос: А можно свой домен привязать на хостинг GitHub?
@Alex-hm3uk
@Alex-hm3uk 5 лет назад
Можно, но у ГитПейджес на бесплатном тарифе трафик для сайта ограничен, 2гб в мес.
@valarmorghulis6478
@valarmorghulis6478 Год назад
а js он не видит (
@deevnv
@deevnv 4 года назад
Урок устарел. Надо новый. По этому уроку невозможно решить новые проблемы.
@alexpetreng7576
@alexpetreng7576 4 года назад
попробуйте сделать чтото без подсказок) почувствуйте себя первооткрывателем !!!
@user-tz9vi6fx3u
@user-tz9vi6fx3u 4 года назад
Фоновую музыку убери, мешает слушать
@_pheax
@_pheax 2 года назад
спасибо
Далее
The perfect plank !! 😱😱
00:19
Просмотров 2,6 млн
Getting Started with GitHub Pages
12:09
Просмотров 384 тыс.
Git и GitHub Курс Для Новичков
49:35
CSS Pseudo elements Before and After: Examples
11:55
Просмотров 101 тыс.