web-dev-qa-db-ja.com

MarkdownファイルにGIFを追加する方法はありますか?

GitHub風のマークダウンファイルに gif を追加したいです。 GitHubでそれができない場合は、別のバージョンのmarkdownでそれを行うことは可能ですか?

149
Zaynaib Giwa

GIFを表示するには2つのことが必要です

1- これらの例のように、この構文を使用してください

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

収量:

Alt Text

2-画像のURLはgifで終わらなければなりません

3-子孫のために:上記の.gifリンクがこれまで以上に悪くなった場合、あなたは画像を見ることはなく、代わりに次のように代替テキストとURLを見ることになるでしょう。

Alt Text

4 - GIFのサイズを変更するためにあなたはこのようにこの構文を使用することができます Githubチュートリアルリンク

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

収量: 

326
Khaled Annajar

マークダウンチートシート から:

あなたはそれをあなたのリポジトリに追加し、画像タグでそれを参照することができます。

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 text

参照スタイル: alt text


あるいは、URLを直接 使用することもできます

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

Giphy Gotcha

もしあなたがgiphyからのgifで問題を抱えているならば、上記の2つの必要条件(.gifで終わり、画像シンタックスを使用しなければならない)に従った後:

あなたが正しいgiphy URLを持っていることを確認してください! このコードの最後に.gifを追加して動作させることはできません。

ブラウザからURLをコピーするだけでは、次のようになります。

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

代わりに "Copy Link"をクリックしてから "GIF Link"を取得する必要があります。正しいものがmedia.giphy.comだけでなくgiphy.comを指していることに注意してください。

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

5
Jordan Arnesen
  1. gIFファイルがあります。
  2. あなたのgithubリポジトリにgifファイルをプッシュする
  3. githubリポジトリのそのファイルをクリックして、gifのgithubアドレスを取得します。
  4. READMEファイル内:![alt-text](link)

以下に例を示します。![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)

4
Winnie Phan