在GitHub的维基使用Markdown调整图像大小

我正在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。

274721 次浏览
小开

在GitHub上，你可以直接使用HTML而不是Markdown:

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

这样应该可以了。

小开
最佳答案

更新:

图像的Markdown语法(外部/内部):

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

分级图像(内部/外部)的HTML代码:

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

例子:

test

旧的回答:

这应该可以工作:

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

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

小开
这解决了不同的问题，如何得到图片在主旨(而不是github) markdown在第一时间?
在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的人明天可能会改变这种行为，而不会记录它。

小开

GitHub 页面现在使用kramdown作为它的markdown引擎，所以你可以使用以下语法:

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

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

不过我还没有在GitHub维基上测试它。

小开
在GitHub上只有直接HTML格式的图像工作近5年后，其他markdown选项仍然阻止图像在指定一些自定义大小时加载，甚至尺寸错误。 我更喜欢指定所需的宽度并自动计算高度，例如，

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

小开

我使用了上面描述的方法。现在我使用的方法是一个类似的方式，但对我来说更简单。

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

祝你有愉快的一天!

小开

调整百分比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格式为[]()， no way改变图像的大小 -所以现在停止寻找!-你必须使用<img>代替

  • 另一个有用的惯例总结，有效和无效在这里

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

小开

你可以试着把图片放到markdown的表格中，像这样:

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

它将使图像布局像网格，但它不能自定义每一个单一的图像大小。


提交答案