2013-03-04 45 views
5

有沒有一種方法可以將自定義css標籤包含在jekyll站點中,同時使用markdown作爲入口文件;例如,當我想突出某個段落?Jekyll和自定義css

+1

你能詳細說明一下你想要的嗎? ScottHelm和@berkes都提供了非常有效的解決方案,但除非我們更多地瞭解您要做什麼,否則很難推薦特定的解決方案。 – jbranchaud 2013-03-04 18:19:30

+1

@Peterb你見過這個嗎? http://stackoverflow.com/questions/27501185/how-to-add-multiple-classes-to-markdown-using-jekyll - 在添加到帖子的圖像上測試和使用自定義CSS「'.float-right」「用md:'{:.float-right}![](/ path/to/img)' – Fred 2015-07-20 00:25:12

回答

0

你應該能夠在你的markdown文檔中放置html標籤,並且它應該解析它們沒有問題。例如:

#This 

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

@rorra你爲什麼要批准編輯這篇文章?這顯然意味着作爲評論,但並非如此。 – Daedalus 2013-03-04 21:01:09

14

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文件是否存在等等。

+1

帖子應改爲頁面,{%post.css%}應爲{{page.css}}。 – duleorlovic 2013-11-08 17:13:24

+0

@duleorlovic:這是最近的變化,還是我只是發佈錯誤?你有鏈接到一些文檔。在這? – berkes 2013-11-10 15:25:44

+0

{%...%}是用於不解析爲文本的內容(即if/for /除非)----- {{...}}用於文本發佈 – jgmalcolm 2014-04-22 02:04:58

4

如果你的意思是你可以給一個特定段落的降價文檔中的特定類,你在技術上可以通過只輸入段落標記的方式,你希望它:

My **first** paragraph 

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

My **third** paragraph 

和降價將通過您的p標記到生成的HTML。

但是,Markdown放棄了對自己鍵入的標籤內容進行解析,因此您的段落內容不會被視爲Markdown —該段落中的單詞**second**不會顯示爲粗體。

因爲這種行爲,我切換到紡織Jekyll職位。

祝你好運!

+0

kramdown引擎確實提供了將標記嵌入到HTML標記中的選項。只要在config.yml中執行'parse_block_html:true'或前面的問題 – jasonszhao 2015-08-13 02:53:46

+0

@jasonszhao對Github Pages有效嗎?那簡直太好了。 – 2015-08-14 02:03:20

+0

[kramdown由Github Pages支持](https://help.github.com/articles/migrating-your-pages-site-from-maruku/)。但是,我只上傳我編譯的目錄,並且我不完全確定該選項是否有效。 – jasonszhao 2015-08-14 20:25:14