使用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为网站标题创建一个变量？

回答

相关问题