Чи є спосіб додати gif у файл Markdown?


229

Я хочу додати цей gif до файлу розмітки з ароматизованим вмістом GitHub. Якщо цього не можна зробити в GitHub, чи можливо це зробити в іншій версії розмітки?


Відповіді:


484

Показати gif потрібно дві речі

1- Використовуйте цей синтаксис, як у цих прикладах

![Alt Text](https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif)

Врожайність:

Текст Alt

2- URL-адреса зображення має закінчуватися gif

3- Для нащадків: якщо посилання .gif вище колись піде погано, ви не побачите зображення, а натомість побачите alt-текст та URL-адресу, як-от так:

Текст Alt

4- для зміни розміру gif ви можете використовувати цей синтаксис, як у цьому посиланні підручника Github

<img src="https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif" width="40" height="40" />

Врожайність:


3
@NikKov по-справжньому !! Це технічне питання.
Khaled Annajar

6
Та дитина дуже сильно вдарився головою. Занадто важкий шлях на плитковий підлогу і, швидше за все, отримав пошкодження мозку або принаймні серйозне струс. Власне кажучи, я збираюся його зняти, коли вважаю це образливим, і заміню його чимось приємнішим.
eduncan911

3
Зауважте, що якщо ваш gif занадто великий, ви побачите неправильне поле зображення. Менші gif працюватимуть чудово.
Shubham Chaudhary

1
Я просто підтримав відповідь не тільки тому, що це правильно, а тому, що всі люблять кошеня! :)
MilitelloVinx

2
@Gati я не знаю. Я думаю, що для цього вам потрібно створити нове питання.
Халед Аннаджар

102

З шпаргалки Markdown :

Ви можете додати його до репортажу та посилатись на тег зображення:

Inline-style: 
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 1")

Reference-style: 
![alt text][logo]

[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png "Logo Title Text 2"

Ін-лайн стиль: alt текст

Довідковий стиль: alt текст


Ви також можете використовувати URL безпосередньо :

![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif)

@erip як користуватися gif від Giphy?
АбхіманьяАрійський

1
@AbhimanyuAryan Ви можете знайти адресу цих gif, клацнувши по них правою кнопкою миші та отримавши адресу. Наприклад: media.giphy.com/media/MoYC1N4nv7Fcs/giphy.gif
erip

Gif-файли (та інші зображення, які я вважаю), пов'язані з розміткою файлів на github, обслуговуються camo з обмеженням файлу 5 Мб.
0xcaff

11
  1. мають файл gif.
  2. надішліть файл gif до свого github repo
  3. натисніть на цей файл на рефіні github, щоб отримати github адресу gif
  4. у вашому файлі README: ![alt-text](link)

приклад нижче: ![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)


7
Простіше помістити його в каталог репо, як /imgі потім використовувати![alt text](img/my-image.png)
Braden Best

7

Гіфі Готча

Після додержання 2 перелічених вище вимог (повинні закінчуватися .gifта використовувати синтаксис зображень), якщо у вас виникли проблеми з gif від gifhy:

Будьте впевнені, що у вас є правильний URL-адрес giphy! Ви не можете просто додати .gifцю частину до кінця цього, щоб вона працювала.

Якщо ви просто скопіюєте URL-адресу з браузера, ви отримаєте щось на зразок:

https://giphy.com/gifs/gol-automaton-game-of-life-QfsvYoBSSpfbtFJIVo

Натомість вам потрібно натиснути «Копіювати посилання», а потім спеціально схопити «Посилання GIF». Зверніть увагу на правильні пункти, media.giphy.comа не просто giphy.com:

https://media.giphy.com/media/QfsvYoBSSpfbtFJIVo/giphy.gif


3

просто завантажте .gifфайл у свою основну папку GitHub і відредагуйте README.mdлише цей код

![](name-of-giphy.gif)


0

на додаток до всіх відповідей вище:

якщо ви хочете використовувати gif для вашого сховища github README.md і не хочете використовувати його з вашого кореня , недостатньо, якщо ви просто скопіюєте URL-адресу свого браузера, наприклад, URL-адреса вашого веб-переглядача є таким, як:

https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif

але ви повинні відкрити свій gif у своєму акаунті github і натиснути на нього та натиснути copy image addressабо що-небудь подібне, що таке, як що-небудь таке:

https://github.com/ashkan-nasirzadeh/simpleShell/blob/master/README%20assets/shell-gif.gif?raw=true


0

Завантажити з місцевих:

  1. Додайте .gif файл до кореня сховища Github та натисніть на зміну.
  2. Перейдіть до README.md
  3. Додайте це ![Alt text](name-of-gif-file.gif) / ![](name-of-gif-file.gif)
  4. Потрібно побачити прихильність і обдарування.

Показати gif за допомогою URL-адреси:

  1. Перейдіть до README.md
  2. Додати в такому форматі ![Alt text](https://sample/url/name-of-gif-file.gif)
  3. Потрібно побачити прихильність і обдарування.

Сподіваюсь, це допомагає.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.