使用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时更可取。


Answers:


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的图像。
山姆·达顿

@SamDutton:对于其他地方托管的图像,它似乎也可以正常工作。
Jonik 2015年

1
今天进行测试。Github无法识别[](.. = 400)或[](... = 400px)的语法,因此,如果我需要调整图片大小,则必须使用<img />语法。
斯皮克扬

1
如果将图像添加到Wiki本身,则删除的答案有效。
爱德华多

2
@Eduardo所说的...您删除的“旧答案”是我一直在寻找互联网的内容-仍然适用于相对路径(Wiki中的资产)。此外,我还必须在表格中添加一两个图像。管道字符让我感到悲伤,因为markdown中典型的表格格式。转义表单元格内的管道仍然有效:[[ http://url.to/img.png \| height=48px]]
DanMad

57

在GitHub上,您可以直接使用HTML代替Markdown:

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

这应该做到。


10
感谢您的解决方案,没有html代码是否可能?
fhuertas 2014年

1
只是要注意,您可以排除,width以便它可以根据高度自动缩放宽度。
我是青蛙龙

2
不只是在Github上;我认为一般来说Markdown都允许使用内联HTML ...
Nicolas Miari

br和hr并没有帮助。
JoshYates1980 '18

2

只有直接HTML格式可以在GitHub上使用图像,并且在使用某些markdown选项指定了一些自定义尺寸(即使尺寸错误)后,将近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作为其markdown引擎,因此您可以使用以下语法:

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

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

我还没有在GitHub Wiki上对其进行测试。


1
我尝试过的@nicobo似乎不适用于外部图像?
user310291 '18

这在使用Jekyll,FYI的GitHib页面中有效(我意识到这不完全是OP问题)
DavidJ,

0

这就解决了另一个问题,即如何首先在gist(而不是github)的markdown中获取图像?


在2015年12月,似乎只有链接到文件上 github.comcloud.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
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.