Как добавить изображение в codepen
Ниже приведена подробная статья о том‚ как добавить изображение в CodePen.
Шаг 1⁚ Загрузите изображение в репозиторий
Первым шагом является загрузка изображения в репозиторий. Чтобы это сделать‚ вам потребуется учетная запись на платформе GitHub.
1. Перейдите на веб-сайт GitHub и войдите в свою учетную запись или создайте новую‚ если у вас ее нет.
2. Создайте новый репозиторий‚ нажав кнопку New repository (Новый репозиторий) в правом верхнем углу страницы. Дайте ему имя и оставьте остальные параметры по умолчанию.
3. Нажмите Upload files (Загрузить файлы)‚ затем перетащите или выберите изображение на вашем компьютере. Ожидайте‚ пока загрузка завершится.
Шаг 2⁚ Получите ссылку на изображение
После загрузки изображения в репозиторий GitHub вам понадобится ссылка на это изображение.
1. Перейдите в папку со своим изображением в репозитории на GitHub.
2. Нажмите на изображение‚ чтобы открыть его.
3. Скопируйте URL-адрес из адресной строки вашего браузера.
Шаг 3⁚ Вставьте изображение в CodePen
Теперь‚ когда у вас есть ссылка на изображение‚ вы можете вставить его в CodePen.
1. Откройте веб-сайт CodePen и войдите в свою учетную запись или создайте новую‚ если у вас ее нет.
2. Создайте новый пен или откройте существующий.
Замените URL-адрес на скопированный ранее URL-адрес изображения‚ а Описание на описание изображения.
4. Сохраните пен и обновите страницу. После этого вы должны увидеть изображение‚ вставленное в ваш пен.
Теперь вы знаете‚ как добавить изображение в CodePen с помощью репозитория GitHub. Вы можете повторить эти шаги для добавления других изображений или использовать разные хостинг-платформы‚ такие как Google Drive или Imgur.
Заметьте‚ что CodePen имеет ограничения для бесплатных пользователей в отношении загрузки локальных файлов‚ поэтому для успешного добавления изображений рекомендуется использовать внешние хостинг-платформы.