我是Jekyll的新手并遇到了一个问题
我有以下(片段)index.html
:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{{ page.title }}</title>
<link href="/style.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/images/logo.png">
</head>
<body>
<div id="wrap">
<div id="masthead">
<h1>Test</h1>
</div>
<div id="menucontainer">
<div id="menunav">
<ul>
<li><a href="/" class="current"><span>Home</span></a></li>
<li><a href="/resume.html"><span>Resume</span></a></li>
<li><a href="/blog"><span>Blog</span></a></li>
</ul>
</div>
</div>
如您所见,menunav
div有一个current
类,允许我使用css突出显示所选页面。因此,根据选择的页面,这将改变
但是,我不希望重复网站每个页面的页眉,页脚和菜单的代码,所以我创建了一个_layouts/default.html
页面来存储所有这些信息。但是,我无法弄清楚如何根据当前正在查看的页面更改menunav
div的内容。
我的猜测是你应该能够编辑yaml前端物质以声明另一个变量,然后允许我根据被调用的页面插入菜单(类似于{{content}}
)。但是,我似乎无法弄明白该怎么做
我尝试用menunav
替换{{menu}}
div,但这没有按预期运行。
与往常一样,任何帮助都表示赞赏。