Site Personalization & Configuration

By Zer0-Mistakes Development Team

Customize your Jekyll site with interactive forms. Configure site identity, branding, analytics, social links, and generate your complete _config.yml.

Estimated reading time: 17 minutes

• Share on Reddit
• Share on LinkedIn
• Share on Twitter

• ---

• Article Review Review article structure, metadata, and SEO
• Code Implementation Implement a feature with production-ready code
• Code Refactoring Refactor code for quality, readability, and performance
• Debugging Diagnose and fix issues in the code
• Documentation Generate or improve technical documentation
• Requirements Analysis Convert ideas into structured technical requirements
• System Design Design a scalable system architecture
• Test Generation Generate comprehensive tests for code
• Prompt Engineering Craft an effective AI prompt for this task

Edit on GitHub

Table of Contents

🎨 Site Personalization & Configuration

After completing the Quick Start installation, use this guide to personalize your Jekyll site. Fill out the interactive forms below to generate your custom _config.yml settings.

How This Works

Fill out the forms in each section. Your settings will be automatically saved and combined into a complete _config.yml at the bottom of the page. Copy and paste to customize your site!

📋 Configuration Sections

Site Identity

Title, description, URL

Owner Info

Name, bio, contact

Social Links

GitHub, Twitter, more

Appearance

Theme, colors, logo

Analytics

Google, PostHog tracking

Advanced

Plugins, collections

---

Site Identity

Configure the basic information that identifies your site across the web.

Basic Site Information

Site Title *

The main title shown in browser tabs and headers

Subtitle/Tagline

Short tagline displayed below the title

Site Description *

SEO description (150-160 characters recommended)

0/160 characters

Domain Name

https://

Your custom domain (leave blank for GitHub Pages default)

Base URL

/

Subpath for project sites (e.g., "blog" for /blog/)

Language/Locale English (US) English (UK) Español Français Deutsch 日本語 中文 (简体) Português (Brasil)

Primary language for your site

Title Separator | (Pipe) - (Dash) · (Middle Dot) — (Em Dash) » (Guillemet)

Separator shown in browser tab (Page Title | Site Name)

---

Owner Information

Configure your personal or organization identity.

Author & Owner Details

Your Name *

Display name for author credits

Email Address

Contact email (optional, shown in footer)

Bio

Short biography displayed on author profile

Location

City, State/Country (displayed on profile)

Avatar URL

Path to profile image (local or URL)

---

Social Links

Connect your social profiles and external accounts.

Social Media & Profiles

GitHub Username

github.com/

Twitter/X Username

@

LinkedIn Profile

linkedin.com/in/

Instagram Username

@

YouTube Channel

Full URL to your channel

Mastodon Profile

Full URL including instance

Bluesky Handle

@

Discord Server

Invite link to your server

---

Appearance & Branding

Customize the look and feel of your site.

Theme & Visual Settings

Theme Skin Dark Air (Light) Aqua High Contrast Dirt Neon Mint Plum Sunrise

Color scheme for your site

Primary Color

Main accent color for buttons and links

Logo Path

Path to logo image (88x88px recommended)

Default Social Image

Default image for social sharing (1200x630px)

Teaser Image

Fallback image for posts without previews

Words Per Minute

Reading speed for "X min read" estimates

Show Breadcrumbs Navigation

---

Analytics & Tracking

Set up privacy-friendly analytics to understand your audience.

Analytics Configuration

Google Analytics

Measurement ID

Google Analytics 4 measurement ID

PostHog Analytics (Privacy-Friendly)

Enable PostHog Analytics

PostHog API Key

Your PostHog project API key

PostHog API Host

PostHog instance URL

PostHog Privacy Options:

Respect Do Not Track

Auto-capture Events

Session Recording

Site Verification

Google Verification

Google Search Console verification

Bing Verification

Bing Webmaster Tools verification

---

Advanced Settings

Configure advanced features like comments, plugins, and build settings.

Advanced Configuration

Comments (Giscus)

Enable Giscus Comments (GitHub Discussions)

Requires Giscus setup on your repository

Repository ID

Category ID

Jekyll Build Settings

Posts Per Page

Pagination for post listings

Dev Server Port

Local development port

Markdown Engine Kramdown (Recommended) CommonMark

Feature Toggles

Mermaid Diagrams

MathJax Equations

Site Search

Copyright

Start Year

Copyright Holder

License MIT Apache 2.0 GPL 3.0 CC BY 4.0 CC BY-SA 4.0 All Rights Reserved

---

📝 Generated Configuration

Your _config.yml

# Loading configuration...

Next Steps

1. Copy the generated configuration above
2. Paste it into your _config.yml file
3. Restart your Jekyll server: docker-compose restart
4. View your personalized site at http://localhost:4000

---

🎉 You’re All Set!

Congratulations on completing the Quick Start guide! Your site is now:

• ✅ Running locally with Docker
• ✅ Connected to GitHub for version control
• ✅ Personalized with your branding
• ✅ Ready for deployment to GitHub Pages

What’s Next?

• Create content - Add blog posts in pages/_posts/
• Customize layouts - Modify templates in _layouts/ and _includes/
• Deploy to production - Push to GitHub and enable GitHub Pages
• Explore the docs - Check out the full documentation

---

📚 Quick Start Guide Summary

Step	Guide	Description
1	Machine Setup	Install Docker, Git, and development tools
2	Jekyll Setup	Start development server and create content
3	GitHub Setup	Version control and GitHub Pages deployment
4	Personalization	Customize site identity and configuration

---

Previous: GitHub Setup Back to Quick Start