Как центрировать текст с помощью Markdown?
Ответы 3
Markdown изначально не поддерживает эту функцию, но, вы можете добиться этой упаковки Markdown в HTML.
Как показывает практика, большинство «разновидностей» Markdown отображают это как центрированный текст:
<p style = "text-align: center;">Centered text</p>
Специально для Grav, как в их документации говорится, вы должны выполнить следующие шаги:
в файле конфигурации вашей системы user/config/system.yaml не забудьте активировать дополнительную опцию уценки:
pages:
markdown:
extra: true
в вашем теге оболочки обязательно добавьте параметр markdown = "1", чтобы активировать обработку содержимого уценки:
<div class = "myWrapper" markdown = "1">
# my markdown content
this content is wrapped into a div with class "myWrapper"
</div>
Этот ответ хорош, но я нахожу факт сбивающим с толку - почему выравнивание текста отсутствует в CommonMark (и большинстве других спецификаций уценки)? Это кажется настолько очевидным, прямолинейным и полезным, что, должно быть, я упускаю какой-то факт ...
От daringfireball.net/projects/markdown/syntax#philosophy: «Документ в формате Markdown должен быть опубликован как есть, как обычный текст, и не должен выглядеть так, как будто он был размечен тегами или инструкциями по форматированию».
Спасибо @Estevan, это полезно, хотя различие между выравниванием текста и всеми остальными "тегами и форматированием", поддерживающими разметку, кажется несколько произвольным. ;)
Однако не работает на ноутбуке jupyter, загруженном на github.
Для меня это сработало со следующим приемом: добавление тега div вверху без закрытия тега div. Это делает всю уценку централизованной.
<div align = "center">
Атрибут align устарел в HTML5.
При использовании любого элемента, такого как заголовок, вы можете использовать эквивалентный тег html, например
# Title
## title 2
эквивалентно
<h1> Title </h1>
<h2> Title 2 </h2>
Например, с заголовком вы можете выровнять текст с помощью следующего атрибута:
<!-- title only -->
<h1 align = "center"> Title </h1>
<!-- title with div -->
<div align = "center"> <h1 align = "center"> Title inside div! </h1> </div>
Но иногда вы не хотите использовать HTML, потому что он ограничивает возможность использования уценки внутри него, в этих случаях вы можете использовать span, который позволяет отображать уценку внутри HTML-тегов:
<!-- title with span (you can render emojis or markdown inside it) -->
<span align = "center"> <h1> :star: My Career: </h1> </span>
Обратите внимание, что этот атрибут устарел, но он также является единственным, который работает с некоторыми разновидностями уценки, такими как уценка Github.