Jekyll page isn't updating
Question
I've recently converted my static Nanoc site to Jekyll, and it's very nearly done. However, I went to add a new page recently (by adding a folder called 'menu', adding an index.html in this folder, and creating a root md file with the relevant YAML matter). The page is rendering fine and everything's working, however, when I tried writing content to this page and building, it stayed default, with the 'Menu' header in the content and nothing else. I'm not sure what the issue is, the page doesn't have any errors in console (Jekyll or developer), the relevant files are there, and the page is recognised as changed when I run Jekyll build --watch and make a change, but it's not spitting out my changes into _site/menu. Is there a page reference I need to add in somewhere? What's the issue??
UPDATE (added code):
Apologies I didn't have access to the code when I posted this originally. Please see below for my code
this is the page markdown for the broken page
---
layout: page
title: Menu
permalink: menu/
---
The HTML for the root is here
---
layout: default
---
<div class="menu">
<div class="container large-padding-top">
<div class="row">
<div class="col-md-12">
<div class="tabbed-area">
<ul class="tabs group">
<li><a href="#box-one">Tab 1</a></li>
<li><a href="#box-two">Tab 2</a></li>
</ul>
<div class="box-wrap">
<div id="box-one">
<p>foo</p>
</div>
<div id="box-two">
<p>bar</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
and finally here's my menu page (from _site after build including the above HTML)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Fintons cafe</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--<link rel="apple-touch-icon" href="apple-touch-icon.png">-->
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700' rel='stylesheet' type='text/css'>
<!--if your on a subpage-->
<link rel="stylesheet" href="../lib/css/bootstrap.min.css">
<link rel="icon" href="../lib/img/favicon.jpg" type="image/x-icon">
<link rel="stylesheet" href="../lib/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../lib/css/main.css">
<link rel="stylesheet" type="text/css" href="../lib/css/tabs.css">
<script src="../lib/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="../lib/js/main.js"></script>
<script src="../lib/js/vendor/jquery-1.11.2.min.js"></script>
</head>
<body>
<header class="site-header">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">
<img src="../lib/img/logo1.png" class="hidden-xs visible-sm visible-md visible-lg visible-xl" />
<img src="../lib/img/logo1.png" class="visible-xs hidden-sm" style="width:200px;" />
</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a class="nav-link" href="/">Home</a></li> <!--ensures 'Home' is first in list-->
<!--site.pages is selected by MD root elements-->
<!--site.pages is selected by MD root elements-->
<!--ensures that only pages are selected (by checking the title validity), otherwise all root elements are selected-->
<!--hack for making Home go to the left-->
<li><a class="nav-link" href="/about/">About Us</a></li>
<!--site.pages is selected by MD root elements-->
<!--ensures that only pages are selected (by checking the title validity), otherwise all root elements are selected-->
<!--hack for making Home go to the left-->
<li><a class="nav-link" href="/contact/">Contact</a></li>
<!--site.pages is selected by MD root elements-->
<!--site.pages is selected by MD root elements-->
<!--ensures that only pages are selected (by checking the title validity), otherwise all root elements are selected-->
<!--site.pages is selected by MD root elements-->
<!--site.pages is selected by MD root elements-->
<!--site.pages is selected by MD root elements-->
<!--site.pages is selected by MD root elements-->
<!--site.pages is selected by MD root elements-->
<!--ensures that only pages are selected (by checking the title validity), otherwise all root elements are selected-->
<!--hack for making Home go to the left-->
<!--if this is the current page-->
<li><a class="nav-link selected" href="#">Menu</a></li>
</ul>
</div>
</nav>
</header>
<div class="page-content">
<div class="wrapper">
<article class="post">
<header class="post-header">
<h1 class="post-title">Menu</h1>
</header>
<div class="post-content">
</div>
</article>
</div>
</div>
<br />
<footer class="site-footer">
<div class="wrapper">
<center>Copyright © 2016 | Designed by <a href="mailto:rhys.oconnor@outlook.com?Subject=Fintons%20Website">Rhys O'Connor</a></center>
</div>
</footer>
</html>
</body>
</html>
1 answers
solution1
1 ACCPTED 2016-03-24 22:44:58
when I tried writing content to this page and building, it stayed default, with the 'Menu' header in the content and nothing else
If I'm not mistaken, the {{ content }} is missing here:
<div class="post-content">
{{ content }}
</div>
Or everywhere else you'd like it to be shown.
Hope to have helped.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.