Why Build a One-Page Site with Jekyll? A one-page personal site helps you present yourself professionally. It can be your digital resume, portfolio, or bio—hosted for free on GitHub Pages. It's fast, secure, and doesn’t need any complex tools or frameworks. This is perfect for beginners who want an online presence without dealing with WordPress, databases, or paid hosting. What Should a One-Page Site Include? Your name, photo, and short bio Skills or services you offer Project highlights or portfolio samples Contact info or form Links to social media or GitHub Step-by-Step: Creating a One-Page Jekyll Site Step 1: Create a Page File Let’s call it index.html and place it in the root of your Jekyll site (it will become your homepage). /index.html Step 2: Add Front Matter --- layout: none title: "My Portfolio" description: "One-page portfolio for Alex Smith" --- Step 3: Write the Content in HTML <!DOCTYPE html> ...
Posts
How do you add RSS and sitemap to a Jekyll site? WordPress provides a built-in RSS feed and sitemap system that search engines and feed readers rely on. When migrating to Jekyll, you need to manually set these up — but thankfully, it's easy and takes just a few steps. This ensures your content is still indexable and subscribable. Why RSS and sitemaps matter after migrating RSS feeds allow users to subscribe to your blog in feed readers and email digests. Sitemaps help Google and other crawlers discover all your content efficiently, especially if you're not linking everything manually. Setting up RSS feed in Jekyll 1. Install the Jekyll Feed plugin In your _config.yml , add the following line under the plugins section: plugins: - jekyll-feed On GitHub Pages, jekyll-feed is officially supported, so no extra setup is needed. After build, Jekyll will generate an atom.xml file automatically at the root of your site. 2. Add metadata to your config Still...
Why your contact form stops working after moving to Jekyll When migrating from WordPress to Jekyll, one of the first things you’ll notice is that your contact form no longer works. WordPress plugins like WPForms, Contact Form 7, or Ninja Forms rely on PHP and server-side scripts—something Jekyll, being a static site generator, simply doesn’t support. But just because Jekyll is static doesn’t mean you can’t have dynamic features. Let’s walk through how to set up fully functional contact forms on your new static site. What are the main options for adding forms to Jekyll? There are several approaches to implement forms in Jekyll without a backend. The most popular include: Formspree: Plug-and-play service with a generous free tier. Simple HTML integration. Netlify Forms: Native to Netlify-hosted sites. Supports form detection during build. Getform, Basin, Formspark: Other hosted solutions for handling submissions securely. Serverless func...