Customization

You can customize your Jekyll Garden site by editing a few key files.

Basic Settings

Edit _config.yml to change your site information:

title: "My Digital Garden"
heading: "Your Name"
description: "A brief description of your site"
url: "https://yoursite.com"

Add or change navigation menu items:

menu:
  - title: "Notes"
    url: "/notes"
  - title: "About"
    url: "/about"
  - title: "Blog"
    url: "/blog"

Theme Preferences

Control which features are enabled:

preferences:
  homepage:
    enabled: true      # Show custom homepage
  search:
    enabled: true      # Enable search
  backlinks:
    enabled: true      # Show backlinks

Colors and Fonts

Change the look by editing assets/css/style.css:

:root {
  --primary-color: #007acc;
  --text-color: #333;
  --background-color: #fff;
  --font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}

Dark Mode

The theme includes automatic dark mode support. Users can toggle between light and dark themes, and their preference is saved.

Custom Fonts

Add custom fonts by importing them in the CSS:

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');

:root {
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

Layout Changes

For advanced customization, you can modify files in the _layouts/ folder. But remember to keep it simple - focus on content over complex styling.

Tips

  • Start with basic settings in _config.yml
  • Test changes locally before deploying
  • Keep customization minimal for better performance
  • Use the [[Deployment]] guide when you’re ready to publish

Customization should enhance your content, not distract from it.