Learn to Code via Tutorials on Repl.it!

← Back to all posts
sourcerose (16)

Hello, Replers! Have you ever wanted a Blog to present your Cool Projects? Lucky Day for you, I am showing just that in this Post!! First off, I'll give credit where credit is due; http://www.jekyllnow.com/ was used for the template portion of the site. Okay with that out of the way, Let's start the Tutorial! :D


Step 1. Fork my Repl (That one is obvious I guess 🤣)

Step 2. The first thing we are gonna do is edit the header to our liking!

So, to do this Simply find the /site directory. Once in there you can can find the _config.yml file. Simply tweak the values in there. Now we have something looking a bit more professional!

Step 3. Okay, now we are gonna edit the about page! This is super easy! Go into site/about.md Then click the edit button. Once more, tweak the values to your liking!

Step 4. Yay! It's time for our first Post! So Jekyll's titling scheme is like the following, YEAR-MONTH-DAY-URL TITLE.md Each File Represents a Post. Go into the sites/_posts directory. There is a sample post in there for you. You'll wanna hit the "edit" button once again. At the top of the post there is a section that says:

layout: post
title: You're up and running!

This is Jekyll's way of knowing the Layout (in our case, post) and also the title that appears when you open the Post. (Don't get confused with the URL TITLE. The URL TITLE is how the post appears in the URL)

Next, we have the content of the Post. This is pretty self explainatory. You can edit it using Markdown. Here is a Markdown cheatsheet if your a beginner, https://www.markdownguide.org/cheat-sheet


I hope this guide helped you! If you want similar Guides like these, then show some support down in the comments! I can't thank you enough for reading this! Happy Coding! :D
HahaYes (1864)

HahaYes endorsed approved

Codemonkey51 (1057)

Why delete + repost? also cool

sourcerose (16)

@Codemonkey51 Basically, I posted it really late at night, so it didn't really takeoff.