html 是否可以在GitHub标记中为图像添加边框?

plicqrtu  于 2022-11-27  发布在  Git
关注(0)|答案(8)|浏览(126)

I need to add border to the image in GitHub README.md file. This is how image should be embeded:

![GitHub Logo](/images/logo.png)

我试着用表来 Package 图像:

|--------------------------------|
|![GitHub Logo](/images/logo.png)|

但是不可能创建没有标题表。
我也尝试过将图像作为html标记包含在内:

<img src="/images/logo.png" style="border: 1px solid black" />

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

dba5bblo

dba5bblo1#

这是hacky,并不总是漂亮,但周围的图像与<kbd>标签。

之前

<img src="https://i.stack.imgur.com/CtiyS.png">

之后

<kbd>
  <img src="https://i.stack.imgur.com/CtiyS.png">
</kbd>

它呈现如下:

**将 markdown 图像语法括起来可能不适用于某些markdown实作。**如果下列语法不适用

<kbd>![alt-text](https://example.com/image.png)</kbd>

请尝试将图像嵌入为HTML <img>标记

<kbd><img src="https://example.com/image.png" /></kbd>
5us2dqdw

5us2dqdw2#

在StackExchange站点上,我喜欢使用“quote”标记>来实现此目的。
例如:

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

  [1]: https://i.stack.imgur.com/CtiyS.png

渲染如下:

gfttwv5a

gfttwv5a3#

您可以使用<table>标记创建不带表头的表格。

<table><tr><td>
    <img src="/images/logo.png" />
</td></tr></table>
eyh26e7m

eyh26e7m4#

我在GitLab上这样做的方法是使用一个如下的表:

| ![Alt name of image](/path-to-image.png) |
|-|

这类似于@kesadae11的答案,但为了使其在GitLab中工作,需要额外的管道字符。

wbgh16ku

wbgh16ku5#

另一种方法是使用表格第一个单元格
编码:

|![pictureAliasName](pathOfPicture/pictureName.png)|
-

-字符在代码中很重要。
您可以看到结果here

8hhllhi2

8hhllhi26#

我经常在GitHub评论上这样做。也许需要一些换行符。
第一个

6qfn3psc

6qfn3psc7#

我使用了以下方法,它对我很有效

<img src="image-20220820124005006.png" alt="image-20220820124005006" style="border: 3px solid red" />
vohkndzv

vohkndzv8#

另一种方法是在图像编辑工具中自己提供边框并上传。

相关问题