使用jekyll爲網站標題創建一個變量？

基本上我想將一段代碼壓縮成一個可以在多個頁面上重複的變量，這樣當我對代碼進行更改時，我不需要將整個東西複製並粘貼到每個index.html頁。使用jekyll爲網站標題創建一個變量？

我相信jekyll通過他們的_layouts和_posts選項實現了這個目標？但我不知道如何實現它。我有原子，紅寶石和jekyll安裝。有什麼我需要下載，以便我查看和編輯本地？

<!DOCTYPE html> 
 

 
<!-- BLOCK OF CODE THAT I WANT CONDENSED INTO A VARIABLE (START) --> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <meta name="theme-color" content="#000000" /> 
 
    <script type="text/javascript" src="/./js/jquery-1.11.3.min.js"></script> 
 
</head> 
 

 
<header> 
 

 
<H1>FANCY BLOG TITLE</H1> 
 

 
    <IMG SRC="https://68.media.tumblr.com/6fef61f4480a1ba41346ca21b96b4643/tumblr_ohn94pLON61vaxxf8o4_1280.jpg" />EXAMPLE SITE HEADER (THIS IS WHAT I WANT TO CONDENSE INTO A VARIABLE AND DUPLICATE, ALONG WITH THE HEAD TAG) 
 

 
</header> 
 

 
<!-- BLOCK OF CODE THAT I WANT CONDENSED INTO A VARIABLE (END) --> 
 

 
<BR> 
 

 
<body> 
 

 
    <H2>BLOG POST TITLE</H2> 
 
    (THE BODY DOES NOT NEED TO BE DUPLICATED OR CONDENSED INTO A VARIABLE, AS IT'S CONTENT WILL DIFFER ACROSS SEVERAL PAGES) 
 
    <BR> 
 

 
    <P>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia 
 
    voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi 
 
    tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui 
 
    in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"</P> 
 

 
</body> 
 

 
</html>

來源

2016-12-04 unilogue

也許這就是[機器人]（https：//開頭jekyllrb。 com/docs/templates /＃includes）你正在尋找 –

所以我想我明白了這一點，我完全是新的紅寶石，所以我一直在學習如何使用它一整天。我安裝了使紅寶石與Windows兼容的開發包，做了一個jekyll new ...，然後創建了一個回購並推送到github。

雖然我實際上甚至不需要使用_include方法，因爲我只能在default頁面上保留標題的代碼。但它實際上工作，並將我的default.html頁面下降到五行代碼，所以很酷！我會保持這種情況，以防將來在我的網站上添加更多元素。

here是我的git。（免責聲明：。也許如果你是一個共和黨人或民主黨人不閱讀本笑）

來源

2016-12-05 04:18:11 unilogue

這是_includes用武之地。只需在_includes中創建一個名爲head.html或header.html的文件，並在其中添加要壓縮的內容。

在你的佈局，你現在可以使用

{% include head.html %}

。如果需要，你甚至可以傳遞參數（參見Jekyll Documentation瞭解更多信息）

來源

2016-12-04 14:03:30 deveth0

謝謝你們，那就是我一直在尋找的東西！但我沒有意識到jekyll與windows不兼容，而這整個設置過程有點令人困惑，所以我想我只會使用ajax .. – unilogue

我目前正在觀看此視頻以更好地理解jekyll所以讓我們看看這是否有效！ https://www.youtube.com/watch?v=iWowJBRMtpc – unilogue

與Windows不兼容意味着什麼？我使用贏10作爲開發平臺，它工作正常嗎？ – deveth0

使用jekyll爲網站標題創建一個變量？

回答

相關問題