是否可以在GitHub markdown中为图像添加边框?

mad*_*ox2 43 html markdown github

我需要在GitHub README.md文件中为图像添加边框.这是应该嵌入图像的方式:

![GitHub Logo](/images/logo.png)
Run Code Online (Sandbox Code Playgroud)

我试图用图表包装图像:

|--------------------------------|
|![GitHub Logo](/images/logo.png)|
Run Code Online (Sandbox Code Playgroud)

但是不能创建没有标题的表.

我也尝试将图像包含为html标记:

<img src="/images/logo.png" style="border: 1px solid black" />
Run Code Online (Sandbox Code Playgroud)

但没有成功.有什么方法可以做到这一点吗?

kdb*_*man 63

这是hacky并不总是漂亮,但用图片环绕图像<kbd>.

之前

<img src="https://i.stack.imgur.com/CtiyS.png">
Run Code Online (Sandbox Code Playgroud)

<kbd>
  <img src="https://i.stack.imgur.com/CtiyS.png">
</kbd>
Run Code Online (Sandbox Code Playgroud)

它呈现如下:


围绕降价图像语法不适用于某些降价实现. 例如,在GitHub上,以下内容将呈现为奇怪的文本:

<kbd>![alt-text](https://example.com/image.png)</kbd>
Run Code Online (Sandbox Code Playgroud)

相反,它需要将图像嵌入为HTML <img>标记:

<kbd><img src="https://example.com/image.png" /></kbd>
Run Code Online (Sandbox Code Playgroud)

  • @skalee答案对github很好用。我要说的是,您需要使用正确的语法。 (3认同)
  • “例如,在 GitHub 上,以下内容只会呈现为看起来很奇怪的文本”——这使得这个答案完全无关紧要,因为这个问题正是关于 GitHub。 (2认同)
  • 它确实可以在 github 上运行。不过,您需要关闭“img”标签。 (2认同)
  • 看起来真的很好看。脑子里只有一个简单的边框,回过头来一些圆形边缘、高程效果和图像周围的阴影。 (2认同)
  • 这对我的 gitlab 实例有用。+1 (2认同)

dav*_*all 11

在StackExchange站点上,我喜欢使用"quote"标记>来实现此目的.

例如:

> [![screenshot][1]][1]

  [1]: https://i.stack.imgur.com/CtiyS.png
Run Code Online (Sandbox Code Playgroud)

渲染如下:

截图


gon*_*see 9

您可以使用<table>tag来创建没有标题的表.

<table><tr><td>
    <img src="/images/logo.png" />
</td></tr></table>
Run Code Online (Sandbox Code Playgroud)

  • 有没有办法删除表格单元格内的填充? (2认同)

小智 8

另一种方法是使用表格的第一个单元格。

代码:

|![pictureAliasName](pathOfPicture/pictureName.png)|
-
Run Code Online (Sandbox Code Playgroud)

字符-在代码中很重要。

您可以在此处查看结果。


Leo*_*son 7

我在 Gitlab 上执行此操作的方式是使用如下表:

| ![Alt name of image](/path-to-image.png) |
| ------ |
Run Code Online (Sandbox Code Playgroud)