Jekyll - уценка с переводом строки не отображается в HTML - PullRequest
0 голосов
/ 11 октября 2018

Jekyll 3.0.1 не отображает ни одного перевода строки (перевод строки).Это игнорирует это.Удивительно, но он переводит двойную строку как есть.Я использую Jekyll на Ubuntu 16.04.Может ли кто-нибудь помочь мне справиться с этим поведением?

Ввод

enter image description here

Отображение

enter image description here

Ответы [ 2 ]

0 голосов
/ 13 октября 2018

Хороший вопрос.Есть (как всегда) несколько способов сделать это.У каждого решения есть свои плюсы и минусы.Выберите тот, который подходит вашему стилю или проекту лучше всего.


Решение 1: перевод строки на br

Это, безусловно, самое элегантное решение.Это работает так же, как PHP.Вы можете написать:

<div id="content">{{ content | newline_to_br }}</div>

И добавить этот CSS:

#content br {display: none;}
#content p br {display: inline;}

Это немного загрязняет ваш вывод (с не рендерингом разрывов вне тегов абзаца), но делает именно то, что выхочу.Он легко читается и не требует никаких изменений в вашем контенте / уценке.


Решение 2: два пробела после каждой строки

Два пробела вконец строки заменяется на <br /> на выходе.Мне не нравится, что эти пробелы очень трудно увидеть в редакторе кода, но это верный способ уценки. Источник


Решение 3: добавление разрывов HTML вручную

Поскольку HTML разрешен в уценке, вы можете вручную писать разрывы HTML, напримерэто: <br />.Эти разрывы громоздки для написания, и они загрязняют вашу разметку HTML, но они работают.

0 голосов
/ 11 октября 2018

Вы ищете этот ?

Когда вы делаете хотите вставить тег разрыва <br />, используя Markdown, вы заканчиваете строкудва или более пробелов, затем введите return.

Этот источник

This line ends with two spaces  
And this follows immediately

должен отображаться в

Эта строка заканчивается двумя пробелами
И это следуетнемедленно

...