使用Markdown在GitHub的wiki中调整图像大小

Question

我在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是最好的.

Answer 1

更新:

代码(外部/内部):

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

代码(内部/外部尺寸):

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

例:

旧答案:

这应该工作:

[[ http://url.to/image.png | 身高= 100像素]]

资料来源:https://guides.github.com/features/mastering-markdown/

Answer 2

在GitHub上,您可以直接使用HTML而不是Markdown:

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

这应该成功.

Answer 3

按百分比调整大小width=50% height=50%。例子：

<img src="https://i.imgur.com/ZWnhY9T.png" width=50% height=50%>

按像素调整大小width="150" height="280"。例子：

<img src="https://i.imgur.com/ZWnhY9T.png" width="150" height="280">

一些技巧

• 要获取图像的 githubusercontent 链接，请将图像拖放到任何问题中，然后从自动生成的代码中复制/粘贴 url。示例代码：![image](https://user-images.githubusercontent.com/16319829/81180309-2b51f000-8fee-11ea-8a78-ddfe8c3412a7.png)

• 如果 Markdown 格式是以下形式，则无法更改图像的大小[]()- 所以现在停止寻找！-你必须使用<img>

• 关于在这里起作用和不起作用的约定的另一个有用的总结

• 以上所有内容都来自这里

Answer 4

在 GitHub 上的图像仅使用直接 HTML 格式设置近 5 年后，其他降价选项仍然会在指定某些自定义尺寸时阻止图像加载，即使尺寸错误。我更喜欢指定所需的宽度并自动计算高度，例如，

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

Answer 5

我已经使用了上述方法。现在我使用的方法与我相似但更简单。

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">

祝你今天过得愉快！