3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

READMEに画像を貼り付ける方法

Last updated at Posted at 2021-05-26

#はじめに

現在、オリジナルアプリのREADMEを記述しています。

そこでマークダウンを使って記述をしていたのですが、画像を使って説明したいなと思い、調べた事を備忘録として残しておこうと思いました。

#何も調べずに試した事

  • 画像をドラッグして貼り付け
     

掴んでコードエディターに貼り付けようとしたら、別画面になり,READMEには貼り付けできませんでした。

  • コピーして貼り付け

URLにしないと貼り付けできないと考えたため、コピーして貼り付けようとしました。

~~.png

ただの文字で終了。。。

#結論

image.png

このような形でまず一旦issueに貼り付けて、このURLをコピーしてREADMEに貼り付けました。

コピーできたらissueは消して下さい。

スクリーンショット 2021-05-26 12.38.31.png

スクリーンショット 2021-05-26 12.37.28.png

貼り付ける事が出来たのですが大きすぎました。

サイズを修正するためのは下記のの記述をしました。

<img src="写真URL" width="サイズ">

今回の場合
<img src="https://user-images.githubusercontent.com/82023221/119598728-72d83380-be1e-11eb-8d94-e1e05372a40a.png" width="100">

スクリーンショット 2021-05-26 12.43.49.png

上手くサイズ調整ができました。

 

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?