如何在Foundation Zurb中显示表达式

时间:2016-03-23 17:29:50

标签: zurb-foundation zurb-foundation-6

我正在使用Yeti Launch,我想使用expressions在每个页面上显示页面信息。

例如,我想显示页面title以及该页面特定的其他一些内容。

所以主页将是{title: "homepage"},但我无法弄清楚如何打印/显示基础项目。

以下是我的主页文件的方式

{{!-- This is the base layout for your project, and will be used on every page. --}}
<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{title}}</title>
    <link rel="stylesheet" href="{{root}}assets/css/app.css">

</head>
<script>
  var context = {title:"Homepage | Hey this is working"};

</script>

<body>
    <div id="siteContainer" class="cover">
        <div class="row">
            <header>
                <h1>Example</h1>
            </header>
        </div>
        <div id="navigation">
            <!-- eo // navigation -->
            <section id="contentWrapper">
                {{!-- Pages you create in the src/pages/ folder are inserted here when the flattened page is created. --}} {{> body}}
            </section>
            <!-- eo // section -->
        </div>
        <!-- eo // siteContainer -->

        <script src="{{root}}assets/js/app.js"></script>
</body>

</html>

基金会如何设置项目文件夹

src
   assets - /img/ - /js/ - /scss/
   data
   layouts
   pages
   partials
   styleguide

我的数据应该存储在哪里?以及如何显示或拨打电话以将数据提取到该特定页面?

谢谢!

1 个答案:

答案 0 :(得分:0)

找到答案。

我必须在page模板的顶部定义我的变量。

我做错了。我将我的变量添加到partial文件而不是页面模板。

参考:

http://foundation.zurb.com/sites/docs/panini.html#custom-data

http://jekyllrb.com/docs/frontmatter/