जेकिल पृष्ठों में सीएसएस स्टाइलशीट्स सहित

Question

मैं जैकिल के साथ कुछ हफ्तों के लिए खेल रहा हूं और मैं अपने प्रत्येक ब्लॉग पोस्ट के लिए एक डिफ़ॉल्ट शैली बनाने की कोशिश कर रहा हूं, लेकिन मुझे बिल्कुल यकीन नहीं है कि यह कहां और कैसे माना जाता है किया जाना। मेरा मुख्य सूचकांक पृष्ठ स्टाइल के मामले में ठीक काम करता है लेकिन विभिन्न पदों को आजमाने के बावजूद मेरी पोस्टों में उनके लिए कोई सीएसएस नहीं पारित किया जा रहा है।

_layouts/default.html या _layouts/posts.html में लिखा होना चाहिए ब्लॉग पोस्ट के लिए सीएसएस है, और मैं जो स्टाइलशीट मैं YAML में उपयोग करने के लिए, {% include ...%} का उपयोग करके चाहते हैं निर्दिष्ट करने के लिए है, या लेखन

{% if page.style %} 
    <link rel="stylesheet" href="{{ page.style }}"> 
{% endif %} 

मैं द्वारा उस जानकारी को खोजने में सक्षम नहीं था जिसने स्पष्ट कट जवाब दिया था।

Answer 1

यह करने के लिए Jekyll रास्ता लेने के लिए जो भी लेआउट आप अंतिम पृष्ठ (उदाहरण के _layouts/posts.html के लिए) के लिए उपयोग करने के लिए जा रहे हैं और वहाँ (अर्थात html, head, और body टैग) अपने HTML दस्तावेज़ कंकाल पैदा करते हैं। लेआउट एचटीएमएल के head में, {% include blog-head.html %} डालें। यह blog-head.html फ़ाइल है जहां हम सभी ब्लॉग पेज के लिए आवश्यक सभी सीएसएस, जेएस इत्यादि शामिल करने जा रहे हैं।

फिर अपने blog-head.html में

, तो आप सिर्फ सीएसएस फ़ाइल लिख सकते हैं एक कस्टम सीएसएस फ़ाइल के लिए शामिल हैं:

<link rel="stylesheet" href="blogposts.css"> 

इस तरह, आप आसानी से अपने ब्लॉग पोस्ट के सभी पृष्ठों में एक ही head अनुभाग शामिल कर सकते हैं, और आप आसानी से head अनुभाग (जोड़ना, निकालना, या सीएसएस/जेएस बदलना) अपडेट कर सकते हैं और यह स्वचालित रूप से आपके सभी ब्लॉग पोस्ट पर प्रभावी हो जाएगा।

अगर आप मुझे कुछ भी स्पष्ट करना चाहते हैं तो कृपया फ़ॉलो करें!

Answer 2

आप एक कस्टम.css (जो मैं अनुशंसा करता हूं) और उस शैली से बना सकता हूं।

इससे आपको सही दिशा में शुरू करने में मदद करनी चाहिए। http://markdotto.com/2014/02/28/including-css-in-jekyll/

जैकिल थीमिंग के संबंध में यहां एक सभ्य ट्यूटोरियल भी है। https://learn.andrewmunsell.com/learn/jekyll-by-example/tutorial

Answer 3

आप वास्तव में पागल हो सकते हैं और इसमें कोई संदेह नहीं है कि कोड अच्छी तरह से फैक्टर और ठंडा दिख रहा है। हालांकि, उत्पादकता एक हिट ले सकती है। खासकर शुरुआत में, जब आप Brackets.io जैसे 'लाइव पूर्वावलोकन' टूल के साथ अपना अधिकांश काम कर रहे हों। आप पर जल्दी ही 'jekyll सेवा' वर्कफ़्लो पैटर्न शुरू करने के लिए तैयार नहीं हो सकता है। मुझे संदेह है कि आपकी समस्या का हिस्सा 'बेसुरल' कॉन्फ़िगरेशन पैरामीटर शामिल नहीं है।

मेरे लिए काम करने वाला एक सुखद माध्यम समाधान सशर्त रूप से हेडर लिंक शामिल करना है।

{% if site.baseurl %} 
    {% include links.html %} 
{% else %} 
    <link rel="stylesheet" href="/solarized-dark.css"> 
    <link rel="stylesheet" href="/site.css"> 
{% endif %} 

यह सभी वर्कफ़्लो को प्रबंधित करता है: लाइव पूर्वावलोकन, जेकिल सर्वर और उत्पादन।

यदि आप जैकिल के साथ स्थानीय रूप से परीक्षण कर रहे हैं तो आप एक खाली बेसुरल पैरामीटर पास कर सकते हैं।

jekyll serve --baseurl '' 

http://jekyllrb.com/docs/github-pages/#project-page-url-structure

Answer 4

जब मैं एक पोस्ट में कुछ सीएसएस जोड़ने के लिए एक त्वरित और गंदी तरह से करना चाहते हैं, मैं सिर्फ अपनी पोस्ट का मुख्य भाग में एक <style> टैग जोड़ना होगा।

--- 
layout: post 
title: "quick and dirty CSS in jekyll posts" 
date: 2016-04-08 13:04:00 
--- 

<style type="text/css"> 
    p { 
    border: 1px solid black; 
    } 
</style> 

whoa this paragraph has a border around it, such magic