Creating a personalized About Me page is a great way to introduce yourself to visitors on your website. Using Jekyll, a static site generator, combined with Markdown, makes this process simple and efficient. This guide will walk you through the steps to create a custom About Me page with Jekyll and Markdown.

Setting Up Your Jekyll Project

First, ensure you have Ruby and Jekyll installed on your computer. Once installed, create a new Jekyll site by running:

jekyll new my-website

Navigate into your project directory:

cd my-website

Start the local server to preview your site:

bundle exec jekyll serve

Creating the About Me Page

In your project folder, create a new Markdown file named about.md. This file will contain the content for your About Me page.

At the top of about.md, add the front matter to define the page:

```yaml
---
layout: page
title: About Me
---

Below the front matter, add your personal information using Markdown syntax:

```markdown
# Hello!
I'm Jane Doe, a passionate web developer and designer.
Welcome to my personal website where I share my projects and ideas.
Feel free to connect with me on social media or send me an email!

Customizing Your About Me Page

You can enhance your About Me page by adding images, links, and lists. For example, include a photo of yourself:

```markdown
![My Photo](/images/my-photo.jpg)
```

And list your skills or hobbies using a list:

  • Web Development
  • Graphic Design
  • Traveling
  • Photography

Publishing Your About Me Page

Once your about.md file is ready, add it to your site's navigation. Edit your _config.yml file to include a link to your page:

```yaml
nav:
- title: Home
url: /
- title: About Me
url: /about/
```

After saving the changes, rebuild your site with:

bundle exec jekyll build

And serve it locally again with jekyll serve. Your new About Me page will be accessible at /about/.

Conclusion

Using Jekyll and Markdown simplifies creating a custom About Me page. It allows you to focus on content while maintaining a clean, organized structure. Customize your page further with images, links, and styling to make it truly unique!