1.2 KiB
1.2 KiB
Images Directory
Place your images here following these naming conventions:
Section Images
Name images for sections using the pattern: {sectionId}{number}.{ext}
Examples:
about1.webp- First image for About sectionabout2.jpg- Second image for About sectionservices1.webp- First image for Services sectioncontact1.png- First image for Contact section
Blog Images
Name blog images any way you like, then reference them in the blog post front matter:
---
title: My Post
image: my-image-name
---
The build script will look for my-image-name.* in this directory.
Background Image
Name your background image: background.{ext}
Examples:
background.jpgbackground.webpbackground.png
Image Tips
- Format: WebP recommended for smaller file sizes
- Size: Keep images reasonable (max 2000px width recommended)
- Quality: Optimize images before adding them
- Naming: Use lowercase with numbers (e.g.,
about1.webpnotAbout1.WEBP)
Demo Images
For demo purposes, you can use placeholder images or add your own. The build will work even without images - sections will just show placeholder paths.