Jekyll và css tùy chỉnh

Question

Có cách nào để bao gồm thẻ css tùy chỉnh trong trang web jekyll trong khi sử dụng markdown cho các tệp nhập; ví dụ, khi tôi muốn làm nổi bật một đoạn nào đó?

Answer 1

bạn sẽ có thể đặt thẻ html trong tài liệu đánh dấu của mình và sẽ phân tích cú pháp chúng không thành vấn đề. ví dụ:

#This 

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

Answer 2

Đánh dấu hoặc YAML FrontMatter có tính năng này. Nhưng bạn có thể tự làm.

Giả sử bạn có foo.css mà bạn muốn đưa vào một số bài đăng nhất định.

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

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

Sau đó, trong _layouts/default.html:

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

Nếu một bài đăng được hiển thị, và các bài đã một biến xác định, css, sau đó sử dụng để bao gồm các tập tin css với tên. Lưu ý rằng điều này không kiểm tra thời tiết tên tệp là chính xác, cho dù tệp css có tồn tại hay không.

Answer 3

Nếu bạn có nghĩa là bạn có thể cho một đoạn đặc biệt trong tài liệu Markdown của bạn một lớp cụ thể, bạn về mặt kỹ thuật có thể, bởi chỉ cần gõ thẻ đoạn cách bạn muốn nó:

My **first** paragraph 

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

My **third** paragraph 

và Markdown sẽ vượt qua p của bạn chuyển đến HTML kết quả.

Tuy nhiên, Markdown sẽ từ chối phân tích nội dung bên trong các thẻ bạn tự nhập, vì vậy nội dung của đoạn văn của bạn sẽ không được coi là Markdown — ví dụ: từ **second** trong đoạn đó sẽ không hiển thị dưới dạng in đậm.

Tôi đã chuyển sang Dệt cho các bài đăng Jekyll vì hành vi này.

Chúc may mắn!