Как центрировать изображение в NPM README?
проблема
У меня есть полностью документированный проект с 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:
https://github.com/npm/marky-markdown/pull/242
Однако, если вы проверите мой проект NPM, вы увидите, что логотип не центрирован: https://www.npmjs.com/package/fs-error-logger
Вопрос
Как это исправить?
1 ответ
Это может быть ошибкой или намеренным решением разработчиков. Я предлагаю подать отчет об ошибке.
Представление исходного кода страницы показывает следующий 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 - это используемый анализатор уценки. Документация этого проекта частично гласит:
Что оно делает
- Разбирает уценку с помощью markdown-it, быстрого и совместимого с общими признаками синтаксического анализатора.
- Удаляет битый и злонамеренный пользовательский ввод с помощью sanitize-html
Затем он продолжается с кучей других шагов последующей обработки. Я проверил и уценку - он просто передает сырой HTML, так что, предположительно, один из постпроцессоров каким-то образом изменяет вывод. Или, возможно, модификация marky-markdown для анализатора markdown-it что-то сломала.
Чего я не знаю, так это того, было ли это преднамеренным решением разработчиков разметки или ошибка. Если это было сделано преднамеренно, вы, возможно, никогда не сможете добиться желаемого поведения. В любом случае, заполнение отчета об ошибке - лучший способ получить любой ответ.
РЕДАКТИРОВАТЬ
Для дальнейшего использования и для всех, кто столкнулся с этой проблемой, отчет об ошибке здесь. Ответ заключается в том, что это на самом деле ошибка, и исправление уже ожидается.