Jekyll e css personalizzato

Question

C'è un modo per includere tag css personalizzati in un sito jekyll mentre si utilizza markdown per i file di ingresso; per esempio, quando voglio evidenziare un certo paragrafo?

Answer 1

dovresti essere in grado di inserire tag html nel tuo documento markdown, e dovrebbe analizzarli senza problemi. ad esempio:

#This 

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

Answer 2

Markdown e YAML FrontMatter hanno questo integrato. Ma puoi farlo da solo.

Supponiamo che tu abbia foo.css da includere in determinati post.

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

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

Poi, in _layouts/default.html:

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

Se un post è mostrata, e il post è una variabile definita, css, quindi utilizzare tale da includere il file css con il nome. Si noti che questo non verifica se il nome del file è corretto, se il file css esiste e così via.

Answer 3

Se vuoi dire si può dare un particolare paragrafo del documento Markdown una classe specifica, è tecnicamente possibile, semplicemente digitando il tag di paragrafo il modo desiderato:

My **first** paragraph 

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

My **third** paragraph 

e Markdown passerà il vostro p passare attraverso il codice HTML risultante.

Tuttavia, Markdown rinuncia all'analisi del contenuto all'interno dei tag digitati dall'utente, pertanto il contenuto del paragrafo non verrà considerato come Markdown — ad es. la parola **second** in quel paragrafo non verrà visualizzata in grassetto.

Sono passato a Textile per i post di Jekyll a causa di questo comportamento.

Buona fortuna!