css - ジキルとカスタムCSS

Question

エントリファイルにマークダウンを使用しながら、カスタムcssタグをjekyllサイトに含める方法はありますか。たとえば、特定の段落を強調表示したい場合はどうすればよいですか？

score 16 · Accepted Answer

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 ファイルが存在するかどうかなどをテストしないことに注意してください。

score 5 · Accepted Answer

Markdown ドキュメントの特定の段落に特定のクラスを与えることができるということであれば、技術的には、段落タグを好きなように入力するだけで可能です。

My **first** paragraph

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

My **third** paragraph

Markdown はpタグを結果の HTML に渡します。

ただし、Markdown は、自分で入力したタグ内のコンテンツの解析をあきらめるため、段落のコンテンツは Markdown として扱われません。たとえば、**second**その段落の単語は太字で表示されません。

この動作のため、Jekyll の投稿を Textile に切り替えました。

幸運を！

score 0 · Accepted Answer

マークダウンドキュメントに html タグを配置できる必要があり、問題なく解析できるはずです。例えば：

#This

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

3 に答える 3