Markdownを使用してGitHubのwiki内の画像のサイズを変更する


255

私はGitHubでwikiページを書いており、Markdownを使用しています。

私の問題は、大きな画像(この画像は独自のリポジトリにある)を配置していて、サイズを変更する必要があることです。

私はさまざまな解決策を試しましたが、うまくいきません:

![image](http://url.to/image.png "Title" {width=40px height=400px})

![image](http://url.to/image.png = 250x250)

![image](http://url.to/image.png = 250x)

[[http://url.to/image.png = 250x]]

それを取得する方法はありますか?

HTMLなしでの使用をお勧めします。


回答:


373

更新しました:

コード(外部/内部):

![test](https://github.com/favicon.ico)

コード(サイジングのための内部/外部):

<img src="https://github.com/favicon.ico" width="48">

例:

テスト


古い答え:

これはうまくいくはずです:

[[ http://url.to/image.png | 高さ= 100px]]

出典:https : //guides.github.com/features/mastering-markdown/


ありがとう。<img src="..." width="48">GitHubにアップロードされた画像のREADMEで動作します。
Sam Dutton

@SamDutton:他の場所でホストされている画像でも問題なく動作するようです。
Jonik

1
今日それをテストします。Githubは[](.. = 400)または[](... = 400px)の構文を認識しないため、画像のサイズを変更する必要がある場合は、<img />構文を使用する必要があります。
spikeyang

1
画像がWiki自体に追加されている場合、取り消し線付きの回答は機能します。
エドゥアルド

2
@Eduardoの発言...あなたが取り消した「古い答え」は、私がインターネットを精査してきたものです。それでも相対パス(wiki内のアセット)には適しています。さらに、テーブル内に1つまたは2つの画像を追加する必要がありました。マークダウンでの典型的なテーブルの書式設定のため、パイプ文字は私に悲しみを与えていました。テーブルセル内のパイプのエスケープは引き続き有効です:[[ http://url.to/img.png \| height=48px]]
DanMad 2018

57

GitHubでは、Markdownの代わりにHTMLを直接使用できます。

<a href="url"><img src="http://url.to/image.png" align="left" height="48" width="48" ></a>

これでうまくいくはずです。


10
解決策をありがとう、それはhtmlコードなしで可能ですか?
fhuertas 14年

1
を除外して、width高さに基づいて幅を自動的に拡大縮小できることに注意してください。
私はカエルのドラゴンです。

2
Githubだけでなく、Markdown内ではインラインHTMLが一般的に許可されていると思います...
Nicolas Miari

brとhrは役に立ちません。
JoshYates1980

2

GitHubおよびその他のマークダウンオプションの画像で直接HTML形式のみが機能するようになってからほぼ5年たっても、間違ったサイズの場合でもカスタムサイズを指定すると画像が読み込まれません。希望の幅を指定して高さを自動的に計算することを好みます。たとえば、

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>


2

上記の方法を使用しました。今、私は方法に似ていますが、私にとってはより簡単な方法を使用しています。

  1. まず、プロジェクトにREADME.mdファイルを追加して作成します。
  2. 次に、スクリーンショットまたは必要な説明画像をプロジェクトのメインディレクトリにアップロードします。
  3. 画像アセットをアップロードした後、htmlを使用して、以下のようなリンクを使用せずにこれらのアセットを直接参照します

このような:

<img src="icon.jpg" width="324" height="324">

<p align="center">
  <img src="screen1.png" width="256" height="455">
  <img src="screen2.png" width="256" height="455">
  <img src="screen3.png" width="256" height="455">
</p>

上記の例では、段落を使用して画像を並べて配置しています。単一の画像を使用する場合は、以下のコードを使用してください

<img src="icon.jpg" width="324" height="324">

ごきげんよう!


0

GitHub Pagesマークダウンエンジンとしてkramdownを使用するようになったため、次の構文を使用できます。

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

http://kramdown.gettalong.org/syntax.html#images

ただし、GitHub wikiではテストしていません。


1
私が試した@nicoboは、外部イメージでは機能しないようです。
user310291

これはジキル、FYIを使用してGitHibページで機能します(これは正確にはOPの質問ではないことを理解しています)
DavidJ

0

これは、最初の場所で(githubではなく)gistマークダウンで画像を取得する方法という別の質問に対処しますか?


2015年12月には、ファイルgithub.comなどへのリンクのみが機能して cloud.githubusercontent.comいるようです。要点で私のために働いたステップ:

  1. 要点を言うMygist.md(およびオプションで追加のファイル)
  2. 最後の「コメントを書く」ボックスに行きます
  3. [ファイルを選択して添付...]をクリックします。ローカル画像ファイルを選択します
  4. GitHubが画像を配置する長い長い文字列をエコーし​​ます。例:![khan-lasso-squared](https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png
  5. それを手でカットアンドペーストしてくださいMygist.md

しかし:GitHubの人々は、この動作を文書化せずに明日変更する可能性があります。


7
サイズ変更アスペクトはどこにありますか?
koppor
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.