Тёмный

✌️ Как разместить сайт на GitHub Pages в 2022 году? Бесплатный хостинг GitHub 

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

Это обновленное видео с актуальными данными на 2022 год о том, как разместить свой сайт на Github Pages, чтобы была возможность открыть демонстрацию своей работы.
Github - github.com
Демо репозитория - github.com/annblok/Simple-Page
Markdown для README - bit.ly/3eATNHI
Таймкоды:
00:00 Вступление
00:47 Создаем аккаунт на Github
02:29 Создаем репозиторий
05:02 Загружаем файлы на Github
07:17 Формируем ссылку на Github Pages
08:40 Оформляем README с Markdown
11:30 Итог оформления сайта
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔵 Telegram - t.me/tpverstak
🔵 Чат Telegram - t.me/tpverstakchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔴 Задать вопрос - frontendhelp.me/ru
🔴 Обучение - frontendblok.com/

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

 

11 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 243   
@annblok_webdev
@annblok_webdev 2 года назад
Первое видео - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-05nLdIVfSRU.html (можете посмотреть, как же удобнее стало сейчас использовать Github Pages)
@elenaizmaylova9331
@elenaizmaylova9331 2 года назад
Аннушка, спасибо Вам большое за это видео! Очень просто, очень доступно и мега полезно! Удачи Вам!!!
@scrappyjs2632
@scrappyjs2632 2 года назад
Только заинтересовал этот вопрос, а тут свеженький видос, спасибо
@annblok_webdev
@annblok_webdev 2 года назад
Юхуууу 🥳
@omarochoa5094
@omarochoa5094 2 года назад
Это как раз то, что мне нужно было увидеть, у меня были сомнения, но благодаря вам все ясно
@freedomerrr
@freedomerrr 2 года назад
Анна, вы как всегда - невероятно красивы и поразительно умны! Вы само совершенство, спасибо видос очень кстати.
@honor3917
@honor3917 2 года назад
Информация действительно полезная и заслуживает внимания!)Спасибо!)
@user-vv9lb3zg7q
@user-vv9lb3zg7q 2 года назад
Благодарю за наводку на бесплатный хостинг и подробный процесс размещение сайта)
@Kavrizhka
@Kavrizhka Год назад
Спасибо большое! Просто и понятно. Сейчас все свои репозитории так сделаю😘
@nashedshaia_slovo
@nashedshaia_slovo Год назад
Анна,спасибо за подробное видео, мне очень помогло!
@Youtuber__I
@Youtuber__I 2 года назад
спасибо за подробную и наглядную инструкцию по размещению сайта
@simplewebforyou511
@simplewebforyou511 2 года назад
Отличная презентация! Спасибо
@AlEgorova
@AlEgorova Год назад
Все время возвращаюсь к этому видео, иногда очень полезно слушать короткое видео, чтобы вспомнить ))) Спасибо!
@user-eg4nz7od4d
@user-eg4nz7od4d Год назад
Боже спасибо тебе пол жизни не знал как сделать и ты тут появилась просто живи долго и счатстливо
@elenakhuzhina6874
@elenakhuzhina6874 Год назад
Отличный урок! Огромное спасибо !
@veles8431
@veles8431 2 года назад
Спасибо тебе красавица за четкий подгон нужной информации.
@Maria__55
@Maria__55 2 года назад
Спасибо за информацию 💥 Очень интересно 💥
@mihailrvachov8276
@mihailrvachov8276 2 года назад
Отличное видео, сразу видно подготовка автора к съемке очень серьезная! Лайк однозначно!
@seregaradostev3145
@seregaradostev3145 2 года назад
вы мне очень помогли. спасибо, что доступно все объяснили. лайк видосу.
@kotkokos7076
@kotkokos7076 2 года назад
Информация действительно полезная и заслуживает внимания!)
@user-ri1pj3wl1f
@user-ri1pj3wl1f 8 месяцев назад
Спасибо большое! Вы помогли разобраться с этим вопросом. 👍
@user-fd9et3iu5s
@user-fd9et3iu5s 6 месяцев назад
Спасибо Анна за ваш труд!))
@user-um1fc5qm9i
@user-um1fc5qm9i 2 года назад
Большое спасибо за видео, доступно все рассказали)))
@classicok8825
@classicok8825 2 года назад
Очень полезная кстати инфа! Мое почтение!
@regg584
@regg584 2 года назад
Полезная информация о хостинге и доступно рассказано
@saharaprotocol
@saharaprotocol Год назад
Ставлю ЛАЙЧИЩЕ. Кратко, понятно и по делу.
@rabirai8136
@rabirai8136 2 года назад
Спасибо Анна за ролик я легко во всём разобрался.
@Romchik.T
@Romchik.T Год назад
Анна вы находка для меня! Вы мне очень помогли! Спасибо вам! 🤗🙏
@annblok_webdev
@annblok_webdev Год назад
💜
@svetlana9251
@svetlana9251 2 года назад
Очень интересно!!!Отличный ролик!!!
@hellenvesta
@hellenvesta Год назад
Спасибо большое! Помогли с затыком по размещению ссылки. :)))
@sergius_yo
@sergius_yo Год назад
Спасибо, Аня! По Вашему видео опубликовал в GitHub Pages свой пет-проект :)
@annblok_webdev
@annblok_webdev Год назад
Это здорово! 🙌🔥
@Mr.Fenikc
@Mr.Fenikc 2 года назад
Спасибо за это видео было очень полезным.
@kickosik5608
@kickosik5608 2 года назад
Спасибо за увлекательные видео,за интересный и позновательный материал,автору канала жилаю много подписчиков✌✌✌
@OlgaOlga-mb7bb
@OlgaOlga-mb7bb Год назад
Спасибо тебе, добрая волшебница. Теперь я смогу помочь одному хорошему человеку
@qwi-yu4xf
@qwi-yu4xf 20 дней назад
Спасибо вам большое за этот видео урок
@dariayurko977
@dariayurko977 Год назад
Спасибо, видео мега полезное!
@fanbloger9658
@fanbloger9658 Год назад
А что делать если после того как в настройках репозитория нажать save но ссылка не появилась подскажите пожалуйста
@daniilkams
@daniilkams Год назад
тоже самое
@user-qs6ov4no4z
@user-qs6ov4no4z Год назад
там чуть выше во вкладке pages Build and deployment нажимаете выбираете github actions и у меня получилось
@blaggrad
@blaggrad Год назад
Мать ты умница, всё ясно и доступно
@sanex2769
@sanex2769 10 месяцев назад
Спасибо, вы просто лучшая
@romanmed9035
@romanmed9035 2 года назад
с каким же уважением я смотрел впервые когда встретил Ваши видео. но вот так все в итоге.
@vahe.hayrapetyan
@vahe.hayrapetyan Год назад
Спасибоо, лучшая ФронтЕнд программистка в ютубе)
@vaspurakavdalian1133
@vaspurakavdalian1133 Год назад
Анна,ты как всегда прекрасна.Спасибо куколка😘🤝🌺🌹💐
@user-qv3ep9bx5j
@user-qv3ep9bx5j 2 года назад
Нормальное получилось видео, доступно и понятно, оригинально
@alekslawrik891
@alekslawrik891 2 года назад
Как разместить сайт на GitHub Pages в 2022 году? Посмотрел ролик и понял - как я от этого далек. Я обычный пользователь в сети интернета. А вот девушка разобралась во всех этих премудростях. Лайк ей за это.
@amir-yuldashev7199
@amir-yuldashev7199 2 года назад
спасибо, помогло опубликовать проекты для работодателей).
@larisaalex
@larisaalex 2 года назад
Интересное информативное видео, с удовольствием посмотрела и послушала.
@user-pp3cv4nz4n
@user-pp3cv4nz4n Год назад
Возможно кто-то сталкивался с моей же проблемой если нет, то молодцы, если столкнулись то постараюсь помочь: Первое: когда вы только создаёте ссылку, то вам нужно подождать пару секунд, чтобы она появилось. Я не терпеливый человек и из-за того что у меня не все сработало сразу, как у ведущей пошёл искать проблему и потратил некоторое время, хотя мог просто подождать. Второе: аосле создания ссылки перехода по ней возможно, что у вас не выйдет ваш сайт, а выйдет его название. Здесь есть 2-а решения. Либо опять подождать, либо убедиться, что вы кидали не папку с проектом , а именно html файлы + папка CSS + img + итд . Иначе не будет работать. Ждал 30 минут Надеюсь понятно объяснил. Надеюсь кому-то помог
@julianis333
@julianis333 Год назад
и правда помог! благодарю)
@O.Kosty.
@O.Kosty. Год назад
Спасибо!!! Помог!
@unkled
@unkled 2 года назад
Лайк однозначно!
@user-ze9lx7tj3r
@user-ze9lx7tj3r 2 года назад
спасибо за совет буду знать возможно скоро понадобиться
@Hacking-NASSA-with-HTML
@Hacking-NASSA-with-HTML Год назад
Здравствуйте! А возможно сделать индексацию такого сайта в яндексе/гугле, чтобы сайт отображался в результатах поиска? Если да - то как?
@user-er4im6qt8w
@user-er4im6qt8w 2 года назад
Все для удобства и облегчения работы в данном направлении, не хочется терять много времени.
@niceman5890
@niceman5890 2 года назад
Спасибо за информацию!
@user-qs6ov4no4z
@user-qs6ov4no4z Год назад
ребят, у кого не получилось, там чуть выше во вкладке pages Build and deployment нажимаете выбираете github actions и у меня получилось
@user-hv9ol9ck5t
@user-hv9ol9ck5t 2 года назад
Не плохой ролик. главное что он мажет кому-то помочь.
@vasiliykozieniev2559
@vasiliykozieniev2559 2 года назад
Спасибо за материал! Подскажи, а если сайт с базой данных(WP), можно ли вести разработку на Guthub, какие там нюансы?
@user-um6sm4jn3r
@user-um6sm4jn3r Год назад
А если у меня многостраничные сайт? Как тогда загружать, пробовал как на видео некоторые ссылки не работали хотя путь правильно прописан
@pavelillich7612
@pavelillich7612 Год назад
Спасибо! Есть вопрос - как обновить содержание опубликованного сайта? Вношу изменения, а они не отображаются.
@Danfin123
@Danfin123 Год назад
Здравствуйте! Подскажите, пожалуйста, а папку с картинками как правильно заливать?
@yuriyzadorozhnyi3849
@yuriyzadorozhnyi3849 Год назад
Спасибо , всем смотрю не угодиш , но не все такие умные , были бы умные , не искали бы как научиться .так что спасибо от таких как я , что только изучают тему .
@gonetv746
@gonetv746 2 года назад
Интересное видео и контент у вашего канала,нравится смотреть подобный,лайк ролику и подписка на вас!
@user-so6eo8lp2z
@user-so6eo8lp2z 2 года назад
Клас очень интересний контент, инструкция вишла очень информативна
@user-qk1ij4ls1y
@user-qk1ij4ls1y 10 месяцев назад
Супер, пасиб)
@I_Galaxy
@I_Galaxy Год назад
Почему не отображаются картинки в проекте при добавлении сайта через pages . Подскажите что делать ?
@alexandryrchenko888
@alexandryrchenko888 2 года назад
Спасибо за советы как разместить сайт на GitHub Pages
@CodeurDuSuccses
@CodeurDuSuccses 2 года назад
Анна, спасибо)
@robert__ibragimov
@robert__ibragimov Год назад
кайф! Спасибо!
@Aleksandr_Solovov
@Aleksandr_Solovov 2 года назад
Этот метод для статических страниц? Для динамических проектов будет работать этот метод размещения проектов?
@RhysPrince
@RhysPrince 2 года назад
Как вовремя, только размышлял о том чтобы в 31 декабря (из-за красивой цифры xD) там зарегаться, и тут уже видос о том как это сделать, спасибо :D
@annblok_webdev
@annblok_webdev 2 года назад
Ахах, здорово! 😄🔥
@rashvmatrix9387
@rashvmatrix9387 2 года назад
Самый актуальный хостинг которым пользуются все от новичка до профессионала.
@evgenenterprises4933
@evgenenterprises4933 2 года назад
Спасибо, давно голову ломал как папку в репозитории создать🙂
@jmol1003
@jmol1003 2 года назад
Благо что ещё есть где можно разместить полностью бесплатно собственный сайт
@olbkka
@olbkka 2 года назад
Есть бесплатные хостинги. Не самые лучшие показатели, конечно, но для портфолио можно использовать)
@chilloutanddeepmusiclab8001
@chilloutanddeepmusiclab8001 2 года назад
Ребята подскажите пожалуйста - если мой проэкт содержит img txt word и другие файлы - как их добавить на git?
@user-jl7oz6qp9k
@user-jl7oz6qp9k Год назад
Анна, добрый день! Спасибо вам за видео инструкцию! Подскажите, пожалуйста, как ещё добавить отдельно папку с шрифтами, картинками?
@user-jl7oz6qp9k
@user-jl7oz6qp9k Год назад
Анна, разобралась! Всё получилось! Огонь!!!
@sitini
@sitini Год назад
Топ! Лучшая! 👍
@Dark_114
@Dark_114 10 месяцев назад
Спасибо за видео
@user-kh6sr8tp1m
@user-kh6sr8tp1m 2 года назад
Анна, здравствуйте ! Не могли бы Вы объяснить в чем преимущество использования rem и em над пикселями?
@user-td5op5iv2u
@user-td5op5iv2u 2 года назад
у неё же вроде есть видео про абсолютные и относительные единицы
@dianashakirova2614
@dianashakirova2614 Год назад
Пиксели-фиксированное значение.Это значит что когда придёт время для адаптивной верстки у вас будет много работы)rem и em же относительные единицы.Изменяются от родителя
@key_word_agency
@key_word_agency Год назад
Спасибо!))
@provokatia-dance
@provokatia-dance 2 года назад
ой спасибо вам большое))
@user-oe8qy9nl7f
@user-oe8qy9nl7f Год назад
Добрый вечер! Делаю все как Вы показали , но у меня не публикуется стиль ( подскажите почему пожалуйста
@satilulik6113
@satilulik6113 Год назад
У меня в Github pages не показывается source Что делать?:\
@amid-1
@amid-1 Год назад
а как разместить остальные папки и файлы? Например папку fonts, js и т.д.
@nurmukhamedtanatarov4190
@nurmukhamedtanatarov4190 7 месяцев назад
нашел способ как это сделать?
@amid-1
@amid-1 7 месяцев назад
@@nurmukhamedtanatarov4190 слушай. Давно еще как то смог. Загрузил. Не помню уже как. Попробую вспомнить. Я просто сейчас через среду разработки intellij idea загружаю (пушу) . А пока попробуй вот так например. Чел вроде норм объяснил: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QDwAE4QTSqI.html или вот так ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WQXQPCeesxc.html
@Imudonnn
@Imudonnn 3 месяца назад
спасибо большое
@DerAleksey
@DerAleksey 11 месяцев назад
еще раз спасибо) с первого раза так и не понял) теперь пытаюсь удалить из Гитхаб файлы :-х
@lopik2285
@lopik2285 7 месяцев назад
А если мне нужно указать GitHub Pages ссылку на файл который в папке, то есть у меня 3 папки и нужно указать на 1ю папку --> файл .html . Я просто не понимаю как это сделать
@akbotak7957
@akbotak7957 Год назад
Здравствуйте, у меня вопрос. А как заливать туда файлы img? Так-же в отдельную папку как с css?
@therelaxingsound6903
@therelaxingsound6903 Год назад
У вас получилось? у меня html с css не конектится тоже.
@user-xp2fk2el9b
@user-xp2fk2el9b Год назад
У меня не показывает картинки, почему то Что надо сделать подскажите пожалуйста
@itrubadur
@itrubadur Год назад
Пожалуйста, подскажите! Я голову себе уже сломал. Есть программа, которая формирует html отчет, многостраничный интерфейс интерактивный. Использует программа для формирования отчета (по сути, локального сайта) исходные шаблоны html, которые подтягивают стили из папки на моем компьютере, ressources. Соответственно и готовый отчет использует эти же стили из этой же папки. Но такой отчет можно только просмотреть локально, при передаче другому лицу естественно стили теряются. И мне пришло в голову, что можно поместить стили где-то в интернете. И прописать (в конфиге программы формирующей отчет) путь к стилям. Тогда и у меня и у любого пользователя будут в отчете указаны пути на папку со стилями в интернете, и все будет отображаться хорошо у всех. Но у меня не получается это сделать!
@span4ev
@span4ev 9 месяцев назад
Спасибо, солнце
@user-em1fw7kz7s
@user-em1fw7kz7s 2 года назад
У меня сайт на 2к+ строк, как выгрузить все фотки то, через приложение я не могу разобратся. И ещё проблема с фотками, я их выгрузил а на сайте они не отображаются
@sergeyivahnenko2693
@sergeyivahnenko2693 2 года назад
Процесс от и до в обновленной версии - начинающим хорошая помощь, еще бы английский знать...
@user-lm9ee1gn5p
@user-lm9ee1gn5p 2 года назад
Спасибо большое
@k-volodymyr
@k-volodymyr Год назад
Thank you very much
@user-vs7tr2ns3c
@user-vs7tr2ns3c Год назад
спасибо, помогло
@lisofsky8151
@lisofsky8151 2 года назад
Не подскажите а как изображения загружать папку IMG ??
@gorilla_ufc2599
@gorilla_ufc2599 2 года назад
Здраствуйте Анна Блок ! Я хотел бы у вас учиться, у вас еще действует скидка? И где с вами можно поговорить?
@drino955jug3
@drino955jug3 9 месяцев назад
Спасибо за видео, но хотелось бы подробнее момент с импортом файлов в репозиторий.
@momaks5517
@momaks5517 2 года назад
А подходит ли данный сервис для веб-приложений , с БД?
@victorr-name
@victorr-name Год назад
Скажите, для чего это нужно и какая конкретно от этого польза. В отличие от обычного хостинга
@markolend
@markolend 9 месяцев назад
Пожалуйста помогите у меня не получается, много раз уже пробовал пишет файл не найден ошибка 4х5😢
@user-lt7mw6sl9k
@user-lt7mw6sl9k Год назад
Як загрузити файл, якщо там є ще файл js?
@Igor_Milliarder
@Igor_Milliarder 2 года назад
Все очень просто и быстро это можно сделать
Далее
ОСКАР И ДЖОНИ СПАСЛИ ЛЕРУ😳
01:01
Git и GitHub Курс Для Новичков
49:35
Просмотров 1,1 млн