使用Markdown在GitHub的Wiki中调整图片大小

Question

我在GitHub上编写维基页面，并使用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。

- fhuertas

---

可能是如何更改Markdown中的图像大小？的重复问题。 - Francisco Puga

Answer 1

更新：

图片的Markdown语法（外部/内部）：

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

设置大小图像的HTML代码（内部/外部）：

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

例子：

---

旧答案：

这应该可以工作：

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

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

- alciregi

---

谢谢。<img src="..." width="48">可用于GitHub上传的图像的README中。 - Sam Dutton

今天就测试一下吧。Github无法识别[](.. =400)或[](.. =400px)的语法，因此如果我需要调整图片大小，我必须使用<img/>语法。 - spikeyang

如果将图像添加到维基百科本身，则被划掉的答案是有效的。 - Eduardo

"Eduardo"说的是...你划掉的“旧答案”是我在互联网上搜寻了很久的东西——对于相对路径（维基内部的资源）仍然非常有效。此外，我不得不在表格中添加一两张图片。由于Markdown中典型的表格格式，管道符号让我感到困扰。在表格单元格中转义管道仍然是有效的：[[ http://url.to/img.png \| height=48px]]。 - DanMad

问题明确要求使用Markdown调整图像大小，所以您能否提供一种用这种方式实现的方法。我在互联网上搜索了一下，但没有找到具体的答案。 我认为这不应该是一个被接受的答案。 - Rishabh B

Answer 2

在GitHub上，您可以直接使用HTML而不是Markdown：

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

这应该可以做到。

- Fritzip

---

谢谢您提供的解决方案，不需要使用HTML代码吗？ - fhuertas

只想指出，您可以排除 width 参数，以便它可以自动根据高度缩放宽度。 - I'm a frog dragon

不仅仅是在Github上，在Markdown中通常允许内联HTML... - Nicolas Miari

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>

• 另一个有用的约定摘要 here

• 以上所有内容来自here

- stevec

---

这也是一个很棒的提示。 - SARAN SURYA

Answer 4

在GitHub和其他一些Markdown选项中，仅有直接的HTML格式适用于图像，即使指定了一些自定义大小，仍会阻止图像加载，甚至可能出现错误尺寸。

我更喜欢指定所需的宽度，并自动计算高度，例如：

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

- Kate Orlova

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

祝你有个愉快的一天！

- Seymur Mammadli

Answer 6

你可以尝试将图片放入Markdown表格中，就像这样：

| ![Kiku](docs/snapshot/home.jpeg)        | ![Kiku](docs/snapshot/sub.jpeg) |
| --------------------------------------- | --------------------------------------- |
| ![Kiku](docs/snapshot/user-center.jpeg) |                                         |

它会将图像布局设置为网格状，但无法针对每个单独的图像大小进行自定义。

- Dolphin

Answer 7

GitHub页面现在使用kramdown作为其markdown引擎，因此您可以使用以下语法：

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

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

我还没有在GitHub wiki上测试过它。

- nicobo

---

@nicobo 我尝试过，似乎对于外部图片不起作用？ - user310291

这在使用Jekyll的GitHib页面上有效，供参考（我意识到这并不完全是OP的问题）。 - DavidJ

Answer 8

这涉及到一个不同的问题，如何首先在 gist（而不是 github）markdown 中获取图像？

---

在2015年12月，似乎只有指向github.com或cloud.githubusercontent.com之类的文件链接才能起作用。 对我有效的步骤如下：

1. 制作一个gist，例如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的人可能会在明天改变此行为，而没有记录它。

- denis

---

调整大小比例在哪里？ - koppor