LoginSignup
TrendQuestionOrganizationEventOpportunitiesQiita Blog
311
183
Improve article
Send edit request
Article information
RevisionsEdit RequestsShow all likersShow article in Markdown
Help us understand the problem. What are the problem?
@r_midori

posted at

updated at

【GitHub】README.md に画像を表示させる簡単な方法

GitHub,README.md

初めに

GitHubのREADME.mdに、自分が作ったサービスのUIや使い方などを画像で表示できたら嬉しいなと思い、調べてみたら簡単にできました。

①GitHubで新規issueを作成

画像を表示させたいリポジトリで、新規Issueを作成します。

スクリーンショット 2019-02-08 8.32.29.png

②表示したい画像をドロップ

作成したisssueのコメントに、表示させたい画像をドロップしてきます。
スクリーンショット 2019-02-08 8.33.24.png

③生成された画像URLをREADME.mdにペースト

こんな感じで画像URLが生成されます。
スクリーンショット 2019-02-08 8.42.23.png

これをそのままREADME.mdにペーストします。

スクリーンショット 2019-02-08 8.44.46.png

こんな感じで表示されます。issueはcloseさせちゃいましょう。
スクリーンショット 2019-02-08 8.46.41.png

超簡単ですね！

参考記事

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
311
183
Improve article
Send edit request
Article information
RevisionsEdit RequestsShow all likersShow article in Markdown
Help us understand the problem. What are the problem?