在Jekyll中:插入导航div

时间:2016-08-17 01:46:59

标签: html css jekyll

我是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,但这没有按预期运行。

与往常一样,任何帮助都表示赞赏。

0 个答案:

没有答案