48 lines
1.2 KiB
Markdown
48 lines
1.2 KiB
Markdown
# 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 section
|
|
- `about2.jpg` - Second image for About section
|
|
- `services1.webp` - First image for Services section
|
|
- `contact1.png` - First image for Contact section
|
|
|
|
## Blog Images
|
|
|
|
Name blog images any way you like, then reference them in the blog post front matter:
|
|
|
|
```markdown
|
|
---
|
|
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.jpg`
|
|
- `background.webp`
|
|
- `background.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.webp` not `About1.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.
|
|
|