如何在 NPM README 中将图像居中?

How to center an image in NPM README?

问题

我有一个项目的完整文档和一个以徽标为中心的自述文件:

https://github.com/Fl4m3Ph03n1x/fs-error-logger/blob/master/README.md

我为此使用的代码如下:

<p align="center">
    <img src="./logos/logo_no_wm.png" >
</p>

阅读 NPM 文档后,我有一个强烈的印象,同样的代码应该适用于 NPM 的 markdown:

https://github.com/npm/marky-markdown/pull/242

但是,如果您检查我的 NPM 项目,您会看到徽标未居中: https://www.npmjs.com/package/fs-error-logger

问题

我该如何解决这个问题?

这可能是错误或开发人员的故意决定。我建议 filing a bug report.

页面源代码的视图揭示了该图像的以下 HTML:

<img src="https://raw.githubusercontent.com/Fl4m3Ph03n1x/fs-error-logger/HEAD/logos/logo_no_wm.png" />
<p></p>

这里有几件事需要注意。首先,图像没有包裹在 p 标签中,这很奇怪。其次,紧随其后的是一个空的 p 元素。这可能是他们系统中的错误,或者是他们 HTML 卫生设施的产物。

根据 HTML 来源中的 HTML 评论,marky-markdown is the markdown parser used. That project's documentation states 部分:

What it does

然后它继续进行一系列其他 post 处理步骤。我检查并降价 - 它通过原始 HTML 就好了,所以大概 post 处理器之一正在以某种方式改变输出。或者可能是 marky-markdown 对 markdown-it 解析器的修改破坏了一些东西。

我不知道这是 marky-markdown 开发人员的故意决定还是错误。如果是故意的,那么您可能永远无法获得所需的行为。无论哪种方式,filing a bug report 都是获得任何答案的最佳方式。

编辑

错误报告 is here. The response is that this is in fact a bug and a fix is already pending