有沒有一種方法可以將自定義css標籤包含在jekyll站點中,同時使用markdown作爲入口文件;例如,當我想突出某個段落?Jekyll和自定義css
回答
你應該能夠在你的markdown文檔中放置html標籤,並且它應該解析它們沒有問題。例如:
#This
is a paragraph <span style="background-color:yellow">with highlighting</span>
@rorra你爲什麼要批准編輯這篇文章?這顯然意味着作爲評論,但並非如此。 – Daedalus 2013-03-04 21:01:09
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文件是否存在等等。
帖子應改爲頁面,{%post.css%}應爲{{page.css}}。 – duleorlovic 2013-11-08 17:13:24
@duleorlovic:這是最近的變化,還是我只是發佈錯誤?你有鏈接到一些文檔。在這? – berkes 2013-11-10 15:25:44
{%...%}是用於不解析爲文本的內容(即if/for /除非)----- {{...}}用於文本發佈 – jgmalcolm 2014-04-22 02:04:58
如果你的意思是你可以給一個特定段落的降價文檔中的特定類,你在技術上可以通過只輸入段落標記的方式,你希望它:
My **first** paragraph
<p class="mySpecialClass">My **second** paragraph</p>
My **third** paragraph
和降價將通過您的p
標記到生成的HTML。
但是,Markdown放棄了對自己鍵入的標籤內容進行解析,因此您的段落內容不會被視爲Markdown —該段落中的單詞**second**
不會顯示爲粗體。
因爲這種行爲,我切換到紡織Jekyll職位。
祝你好運!
kramdown引擎確實提供了將標記嵌入到HTML標記中的選項。只要在config.yml中執行'parse_block_html:true'或前面的問題 – jasonszhao 2015-08-13 02:53:46
@jasonszhao對Github Pages有效嗎?那簡直太好了。 – 2015-08-14 02:03:20
[kramdown由Github Pages支持](https://help.github.com/articles/migrating-your-pages-site-from-maruku/)。但是,我只上傳我編譯的目錄,並且我不完全確定該選項是否有效。 – jasonszhao 2015-08-14 20:25:14
- 1. Jekyll:爲外部鏈接生成自定義HTML(目標和CSS類)
- 2. 如何自定義Jekyll的網址?
- 3. 使用引導CSS和自定義CSS
- 4. Jekyll - 將jekyll變量傳遞給自定義液體標籤
- 5. 用Jekyll和Octopress部署CSS
- 6. 如何在Jekyll中定義自定義集合?
- 7. 自定義CSS ::塊
- 8. Sproutcore自定義CSS
- 9. Datetimepicker:自定義css
- 10. Vaadin自定義css
- 11. Cafepress自定義CSS
- 12. JEKYLL SASS CSS
- 13. sass mixins和css自定義屬性
- 14. WordPress的自定義字段和CSS類
- 15. 自定義CSS和JS在WordPress的
- 16. 自定義按鈕,在HTML和CSS
- 17. CSS樣式表和自定義字體
- 18. NativeScript 2.0自定義組件和CSS
- 19. ng樣式和自定義css屬性
- 20. Bootstrap和自定義CSS頂部boxez
- 21. 向Shopify添加自定義CSS和JS
- 22. HTML5和CSS - 自定義標籤?
- 23. Jekyll系列文檔的自定義固定鏈接
- 24. CSS自定義精靈
- 25. CSS - 自定義字體?
- 26. 自定義CSS被覆蓋
- 27. Facebook的自定義CSS
- 28. HTML CSS - 自定義字體
- 29. CSS自定義形狀
- 30. flex 4:自定義css值
你能詳細說明一下你想要的嗎? ScottHelm和@berkes都提供了非常有效的解決方案,但除非我們更多地瞭解您要做什麼,否則很難推薦特定的解決方案。 – jbranchaud 2013-03-04 18:19:30
@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