css - Jekyll 和自定义 CSS

Question

有没有办法在对入口文件使用降价时在 jekyll 站点中包含自定义 css 标签；例如，当我想突出某个段落时？

Answer 1

Markdown 和 YAML FrontMatter 都内置了这个。但你可以自己制作。

假设您有 foo.css 想要包含在某些帖子中。

在_posts/2013-02-03-higligting-foo.markdown：

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

然后，在_layouts/default.html：

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

如果显示了一个帖子，并且该帖子定义了一个变量 css，则使用它来包含带有名称的 css 文件。请注意，这不会测试文件名是否正确、css 文件是否存在等等。

Answer 2

如果你的意思是你能给你的 Markdown 文档中的特定段落一个特定的类，你技术上可以，只需按照你想要的方式输入段落标签：

My **first** paragraph

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

My **third** paragraph

Markdown 会将您的p标签传递给生成的 HTML。

但是，Markdown 放弃解析您自己键入的标签内的内容，因此您的段落内容不会被视为 Markdown — 例如**second**，该段落中的单词不会显示为粗体。

由于这种行为，我为 Jekyll 的帖子切换到 Textile。

祝你好运！

Answer 3

您应该能够将 html 标签放在您的降价文档中，并且它应该可以毫无问题地解析它们。例如：

#This

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