GitHub風のマークダウンファイルに gif を追加したいです。 GitHubでそれができない場合は、別のバージョンのmarkdownでそれを行うことは可能ですか?
GIFを表示するには2つのことが必要です
![Alt Text](https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif)
収量:
2-画像のURLはgifで終わらなければなりません
3-子孫のために:上記の.gifリンクがこれまで以上に悪くなった場合、あなたは画像を見ることはなく、代わりに次のように代替テキストとURLを見ることになるでしょう。
4 - GIFのサイズを変更するためにあなたはこのようにこの構文を使用することができます Githubチュートリアルリンク
<img src="https://media.giphy.com/media/vFKqnCdLPNOKc/giphy.gif" width="40" height="40" />
収量:
マークダウンチートシート から:
あなたはそれをあなたのリポジトリに追加し、画像タグでそれを参照することができます。
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"
インラインスタイル
参照スタイル:
あるいは、URLを直接 使用することもできます 。
![](http://www.reactiongifs.us/wp-content/uploads/2013/10/nuh_uh_conan_obrien.gif)
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
を指していることに注意してください。
![alt-text](link)
以下に例を示します。![grab-landing-page](https://github.com/winnie1312/grab/blob/master/grab-landingpage-winnie.gif)