Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Build a Blog with Jekyll and GitHub Pages Building and Customizing the Blog Default Variables

Posted by james Hollingworth
james Hollingworth
1,736 Points

image file name appearing next to 'Read more' button on Webconf demo site.

I added 'image: camp-sass.jpg' to my markdown and randomly the file name 'camp-sass.jpg' appears in the excerpt aligned with the 'read more' button on the homepage of the demo site.

1 Answer

Sean Henderson
Sean Henderson
15,413 Points
Sean Henderson
Sean Henderson
15,413 Points

Hey James, can you post the code where you added camp-sass.jpg?

Also, note that there are 2 components of a jekyll post file:

1 - YAML Front Matter block

---
layout: post
title: Lorem Ipsum
image: camp-sass.jpg
etc: etc etc etc
---

2 - Markdown and Liquid for the actual content of the post

# Post About Ruby

I am a **paragraph** about ruby.

Here is how to print the numbers 1-10 in ruby!

{% highlight ruby %}
    puts 1..10
{% endhighlight %}

If the image name is appearing in plain text on your page, jekyll is probably not understanding that it is part of the YAML Front Matter. Make sure it looks like the first code example above, with 3 dashes above and below.