Портфолио на GitHub Pages для разработчика
Вставка
- Опубліковано 1 бер 2021
- Для онлайн-публикации портфолио по верстке или фронтенд-разработке совершенно не обязательно платить за хостинг или приобретать доменные имена. Самый простой путь - разместить работу на сервисе GitHub Pages, где потенциальный заказчик или работодатель сможет оценить как визуальную составляющую, так и посмотреть конкретный код.
_
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep
Ochen horoshee i dostupnoe objasnenie !!! Vsem sovetuju posmotret. Spasibo, Michail, za vash trud!
Спасибо! Очень понятно объясняете, полезная информация
Спасибо тебе за твой труд! От души!!!!
Спасибо за подробное объяснение 👍🤝
Спасибо тебе большое !!!
Очень полезно, спасибо
спасибо за материал
Спасибо большое, всё думал как одновременно чтоб в одном репозитории были и исходники и папка dist)
Даже разработчики NodeJS воткнули себе "чёрные жизни важны". Это пздц....
p.s. спасибо за ликбез
@@sugrarin ещё одна жертва новых западных ценностей?
Спасибо за видео! Очень полезно. Может создашь видео о подключении ssh key в терминал? Или подскажешь где посмотреть, не разберусь никак
У меня есть целый курс по инструментам разработчика. Там в том числе и этот вопрос разбирается. А так в терминале есть команда ssh-keygen (в windows 10+, единственно командную строку надо от адиминистратора запустить). Это команду можно запустить без опций, либо сконфигурировать создаваемую пару ключей опциями, в зависимости от задачи. Если для гитхаба, то скорее всего опции понадобятся. Например так: ssh-keygen -m PEM -t rsa -b 4096
Спасибо огромное, выложил на git pages и начинаю поиск работы. Кто может подсказать, как сделать чтоб routes отображались сразу, а не после клика по кнопке? У меня сайдбар всегда отображается и меняются 3 страницы правее, при загрузке сайдбар стоит по центру без страничек.
Отличное видео, все коротко и понятно. Пока сам будешь рыть документацию по этому вопросу, то можешь потранить несколько дней - а тут все и сразу. Законспектирую процесс деплоя на github pages на будущее.
Единственно вопрос остался - как для большого реакт приложения пофиксить проблему со ссылками (линками) - они же слетают и нужные pages не отображаются по относительным ссылкам в проекте.
Github pages в основном создаёт сайты во вложенных директориях, поэтому да - с роутингом будут вопросы. Я так и не разобрался, свернув в сторону публикаций на Vercel.
@@mishanep Для react app приложения если заменить обертку BrowserRouter на HashRouter from 'react-router-dom' - то роутинг будет работать корректно, ну разве что в адресной строке будут хэши. Но для бесплатного GitHub Pages можно сделать подобный костыль.
Спасибо, очень интересно.
Но насколько я знаю со страницы gitpage нельзя отправлять форму на почту реализованую через php.
Знаете ли Вы какое либо решение для этого?
Так можно ж сразу через settings выбрать ветку main и всё - в 2 клика публикуется работа.
Во фронтенд приложении у вас так ничего не опубликуется, потому что итоговая сборка на верхнем уровне репозитория никогда не хранится. То же самое касается верстки, если в ней не линейно файлики лежат, а организуется проект со сборкой (ccs-препроцессоры, шаблонизаторы и пр.)
Может кто-нибудь подсказать, пытаюсь выложить проект данным способом, но в результате не загружается папка со скриптом?
Михаил, дякую за прості відео! Ти добре доносиш основні моменти. Поправка: для переходу між сторінками треба вказати шлях "./about", бо без крапки перенаправляє в корінь проекта, а "./" - це перехід на сусідній файл на тому ж рівні.
Спасибо! Очень приятный голос и дикция , но вот я не понял как мне создать несколько веток с "развёртыванием" я попробовал в скрипте добавить
"deploy1": "gh-pages -d landing-site-parser",
"deploy2": "gh-pages -d site-parser"
но при "npm run deploy1", ветка - "gh-pages" просто обновляется новыми файлами , но как мне создать новую ветку получается , чтобы у меня были ссылка на три проекта?
Приветствую.
Не уверен, что GitHub Pages позволяет для одного репозитория сделать несколько страниц через свой сервис.
Возможно вам стоит попробовать другой инструмент, если непременно надо несколько публикаций одного репозитория с разных веток. Посмотрите в сторону Vercel (недавно делал видео про него). Там даже попроще будет, создадите 3 проекта, указав с каких веток надо забирать приложение, и при обновлении репозитория Vercel сам пересоберет билд.
@@mishanep Спасибо за оперативный ответ.
Не то что бы нужно было непременно ,просто не хотелось создавать для каждого проекта отдельный репозиторий.
А это не нарушает правил размещения страниц на гитхабе, там же говориться о том, что "страница не может быть использована для извлечения материальной выгоды, в том числе косвенной"?
При желании под это определение можно многое определить. Многие библиотеки хранят свои документации на Github Pages. И они зарабатывают неплохо через спонсорство. Нарушает ли это правила публикации? Я думаю, что в случае с портфолио, скорее, это как раз прямое использование ресурса по назначению.
@@mishanep может вы и правы, как-же муторно с этими правилами. Спасибо за ответ.
Я загрузил свой html и css но когда я перехожу на свой сайт через github, то не картинки не прогружаются. Что делать?
Идти в devtools и смотреть пути, по которым идет попытка загрузить картинки. Скорее всего они неверные.
Пока учился насоздавал кучу веток , но как их удалить ?)
git branch -d и далее через пробел названия веток для удаления
Спасибо за видео!
Мучаюсь с ошибкой. На этапе создания ветки gh-pages на команду 'npm run deploy' вместо заветного 'Published' выходит ошибка "The "path" argument must be of type string. Received undefined"
Делала все четко по видео. Пробовала на 3 разных 'нулёвых' проектах, не могу понять в чем проблема
Буду очень благодарна за помощь
Не сталкивался с такой проблемой. Недавно у меня было видео как опубликовать на GitHub pages через github actions - немного другой подход того же самого. Возможно заработает в вашем случае.
Разобралась! Проблема оказалась в правах доступа на macOS. sudo в начале команды помогло. Неочевидный текст ошибки сбил с толку
Видос полезный и очень помог, но как заливать несколько работ, а не обновлять одну... Я думал это будет в видео
По аналогии любое количество проектов. Каких-то ограничений нет.
Ещё посмотрите в сторону Vercel. Там даже проще. Видео на канале также есть.
@@mishanep спустя 4 недели я пришел обратно и наконец понял 🤣