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:[email protected]?Subject=Fintons%20Website">Rhys O'Connor</a></center>
</div>
</footer>
</html>
</body>
</html>
layout. But like David said, it'd better if you give us your repo url, so we can take a look and get back to you. :) – Virtua Creativemenu/index.htmland what you call yourroot md file. What is this file ? Are you trying to use it as an include ? What is his full pathmenu/root.md? – David Jacquelroot mdfiles for the YAML front matter (exactly what the jekyll template does), and the full path of the menu index is literally menu/index.html (this is from the root of the jekyll project) – TechnicalTophat