Jekyll i niestandardowe css

Question

Czy istnieje sposób dołączania niestandardowych znaczników css w witrynie jekyll podczas korzystania ze znacznika dla plików wejściowych; na przykład, kiedy chcę podświetlić określony akapit?

Answer 1

powinieneś być w stanie umieścić znaczniki html w swoim dokumencie przecen i nie powinno się z nich parsować. na przykład:

#This 

is a paragraph <span style="background-color:yellow">with highlighting</span> 

Answer 2

Markdown ani YAML FrontMatter mają to wbudowane. Ale możesz zrobić to sam.

Załóżmy, że masz foo.css, które chcesz uwzględnić w niektórych wpisach.

W _posts/2013-02-03-higligting-foo.markdown:

--- 
css: foo 
title: "Drupal Imagecache security vulnarability with DDOS attack explained" 
tags: [drupal, imagecache, security, ddos] 
--- 

Następnie w _layouts/default.html:

{% if post && post.css %} 
    <link rel='stylesheet' type='text/css' href='public/assets/{{ post.css }}.css' /> 
{% endif %} 

Jeśli post jest pokazane, a post zmienna zdefiniowana, css, następnie używać, aby dołączyć plik css z nazwą. Zauważ, że to nie oznacza, że ​​nazwa pliku jest poprawna, czy plik css istnieje i tak dalej.

Answer 3

Jeśli masz na myśli można dać konkretny paragraf w dokumencie Markdown określonej klasy, to technicznie może, poprzez wpisanie znacznika akapitu, jak chcesz to:

My **first** paragraph 

<p class="mySpecialClass">My **second** paragraph</p> 

My **third** paragraph 

i Markdown będzie zdać p taguj do wynikowego kodu HTML.

Jednak Markdown rezygnuje z parsowania zawartości w tagach, które sam wpisujesz, więc treść Twojego akapitu nie będzie traktowana jako Markdown — np. słowo **second** w tym akapicie nie będzie wyświetlane jako pogrubione.

Przełączyłem się na tekstylny dla postów Jekyll z powodu tego zachowania.

Powodzenia!