1. ホーム
  2. github

[解決済み] GitHubのREADME.mdで画像を並べて表示するには?

2022-02-25 07:28:45

質問

README.mdで2枚の写真を並べて比較表示したいのですが、どうすればいいですか? ここで は、現在2つの画像を配置している方法です。ソラライズされた2つの配色を上下にではなく、横に並べて表示したいのですが。助けていただけると助かります、ありがとうございます

解決方法は?

これを解決する最も簡単な方法として考えられるのは テーブル GitHubのflavored markdownに含まれているものです。

具体的な例を挙げると、以下のような感じです。

Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](https://...Dark.png)  |  ![](https://...Ocean.png)

これは、Solarized DarkとOceanをヘッダーとするテーブルを作成し、最初の行に画像を含めます。当然ながら ... を実際のリンクに置き換えてください。その : は任意です(セル内のコンテンツを中央に配置するだけなので、この場合はちょっと不要です)。また、画像を小さくして、横に並べて表示しやすくするのもよいでしょう。