Skip to main content

Settings

Color Mode

Theme Skin

Background

Appearance preferences are saved in this browser only.

Environment

Current Environment Dev

Built with JEKYLL_ENV=development. Changes auto-reload under jekyll serve.

Quick Links

Theme & Build

Theme
Jekyll v3.10.0
Last BuildOct 08, 02:03
Repository
bamr87/zer0-mistakes
Changelog Docs Jekyll

Admin

Configuration Theme Customizer Navigation Editor Environment Dashboard

Page Location

Page Info

Layout default
Collection quickstart
Path _quickstart/personalization.md
URL /quickstart/personalization/
Date 2025-07-01

Source Code

View on GitHub Edit in GitHub.dev Open in VS Code
Configuration
Site Config _config.yml

Site Personalization & Configuration

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

Improve Edit on GitHub

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.

Prefer a live UI? The Theme Customizer lets you preview skin and color changes in real time directly on your running site.

Theme Customizer — skin and color preview

Personalization config form

This page is an interactive generator and needs JavaScript. With it disabled, use the Site Builder, which produces the same _config.yml and can write the whole project for you.

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
The main title shown in browser tabs and headers
Short tagline displayed below the title
SEO description (150-160 characters recommended)
0/160 characters
https://
Your custom domain (leave blank for GitHub Pages default)
/
Subpath for project sites (e.g., "blog" for /blog/)
Primary language for your site
Separator shown in browser tab (Page Title | Site Name)

Owner Information

Configure your personal or organization identity.

Author & Owner Details
Display name for author credits
Contact email (optional, shown in footer)
Short biography displayed on author profile
City, State/Country (displayed on profile)
Path to profile image (local or URL)

Connect your social profiles and external accounts.

Social Media & Profiles

Appearance & Branding

Customize the look and feel of your site.

Theme & Visual Settings
Color scheme for your site. Seven skins ship with the theme: air, aqua, dirt, neon, mint, plum and sunrise. Light and dark are handled separately by the color-mode toggle, so a theme_skin of dark or contrast in an older config no longer resolves — pick one of the seven instead.
Main accent color for buttons and links
Path to logo image (88x88px recommended)
Default image for social sharing (1200x630px)
Fallback image for posts without previews
Reading speed for "X min read" estimates

Analytics & Tracking

Set up privacy-friendly analytics to understand your audience.

Analytics Configuration
Google Analytics
Google Analytics 4 measurement ID
PostHog Analytics (Privacy-Friendly)
Your PostHog project API key
PostHog instance URL

PostHog Privacy Options:

Site Verification
Google Search Console verification
Bing Webmaster Tools verification

Advanced Settings

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

Advanced Configuration
Comments (Giscus)
Requires Giscus setup on your repository
Jekyll Build Settings
Pagination for post listings
Local development port
Feature Toggles
Copyright

Generated Configuration

Your _config.yml 
# Loading configuration...

Verify

Restart the dev server so Jekyll reloads the configuration, then confirm the values you entered actually took effect:

docker compose restart
  • The browser tab and navbar show your Site Title.
  • /about/ shows your author name and email.
  • If you set a skin, the page colors change; if nothing changes, check that theme_skin is one of the seven names listed above.

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