Giter Club home page Giter Club logo

Comments (5)

jmcglone avatar jmcglone commented on August 12, 2024

In step 3 you create the first iteration of the index.html file that does not use Jekyll's template system. In step 9, you create the _layouts/default.html template file, which includes elements that repeat on all your website's pages (such as the head, site navigation, and footer). For each page that calls the default template in the front matter, the {{ content }} liquid tag in _layouts/default.html will read/write any content after the front matter.

So in step 10, the idea is to update index.html by replacing the entire contents of the file to use your default template. You don't need the head, navigation, or footer that was previously in there, because that markup is now included in the default template. So replace the entirety of index.html with this code:

---
layout: default
title: Hank Quinlan, Horrible Cop
---
<div class="blurb">
    <h1>Hi there, I'm Hank Quinlan!</h1>
    <p>I'm best known as the horrible cop from <em>A Touch of Evil</em> Don't trust me. <a href="/about">Read more about my life...</a></p>
</div><!-- /.blurb -->

Hope this helps and thanks for your question!

from jmcglone.github.io.

jmcglone avatar jmcglone commented on August 12, 2024

Also, I've clarified step 10 based on your question. Thanks!

from jmcglone.github.io.

le-bananafish avatar le-bananafish commented on August 12, 2024

Thank you very much for the clear up!

from jmcglone.github.io.

le-bananafish avatar le-bananafish commented on August 12, 2024

I also have another question. I followed your steps for creating a blog but it doesn't work. Whenever I click on the link, it goes error 404

from jmcglone.github.io.

le-bananafish avatar le-bananafish commented on August 12, 2024

Actually I'll just try and fix it myself. Sorry for the troubles.

from jmcglone.github.io.

Related Issues (7)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.