110 lines
2.4 KiB
Plaintext
110 lines
2.4 KiB
Plaintext
---
|
|
title: "Blog System"
|
|
description: "Full-featured blog with categories, authors, and rich content"
|
|
---
|
|
|
|
# Blog System
|
|
|
|
A complete blogging platform integrated into your portfolio.
|
|
|
|
## Features
|
|
|
|
- Rich text editor with full formatting
|
|
- Multiple authors per post with profile images
|
|
- Category management with custom colors
|
|
- Featured posts for homepage display
|
|
- Custom URL slugs
|
|
- Image galleries
|
|
- Publication date scheduling
|
|
|
|
## Admin URLs
|
|
|
|
| Page | URL |
|
|
|------|-----|
|
|
| Blog Management | `/admin/blogs` |
|
|
| Categories | `/admin/blog-categories` |
|
|
|
|
## Creating a Blog Post
|
|
|
|
<Steps>
|
|
<Step title="Create Category">
|
|
Go to `/admin/blog-categories` and create at least one category.
|
|
</Step>
|
|
<Step title="Add New Blog">
|
|
Go to `/admin/blogs` → Click **Add Blog**
|
|
</Step>
|
|
<Step title="Fill Details">
|
|
- **Title**: Blog post title
|
|
- **Category**: Select from dropdown
|
|
- **Description**: Short summary (shown on cards)
|
|
- **Thumbnail**: Upload main image
|
|
- **Full Description**: Use rich text editor
|
|
</Step>
|
|
<Step title="Add Authors">
|
|
Click **Add Author** to add multiple authors with profile images.
|
|
</Step>
|
|
<Step title="Set URL">
|
|
- Auto-generate slug from title, or
|
|
- Enter custom slug manually
|
|
</Step>
|
|
<Step title="Publish">
|
|
- Set publication date
|
|
- Toggle **Featured** for homepage display
|
|
- Click **Save**
|
|
</Step>
|
|
</Steps>
|
|
|
|
## Public URLs
|
|
|
|
| Page | URL Pattern |
|
|
|------|-------------|
|
|
| All Blogs | `/blogs` |
|
|
| Single Blog | `/blog/{slug}` |
|
|
| By Category | `/blogs?category={name}` |
|
|
|
|
## Database Schema
|
|
|
|
### blogs Collection
|
|
|
|
```javascript
|
|
{
|
|
title: "Getting Started with GIS",
|
|
category: "Technology",
|
|
description: "A comprehensive guide...",
|
|
thumbnailUrl: "https://...",
|
|
fullDescription: "<h2>Introduction</h2>...",
|
|
customSlug: "getting-started-with-gis",
|
|
authorNames: ["Parvej Hossain"],
|
|
authorImages: ["https://..."],
|
|
publishDate: "2024-01-10",
|
|
featured: true,
|
|
likes: 0
|
|
}
|
|
```
|
|
|
|
### blog_categories Collection
|
|
|
|
```javascript
|
|
{
|
|
name: "Technology",
|
|
color: "#3b82f6",
|
|
order: 1
|
|
}
|
|
```
|
|
|
|
## Rich Text Features
|
|
|
|
The blog editor supports:
|
|
- Headings (H1, H2, H3)
|
|
- Bold, italic, underline
|
|
- Text colors and fonts
|
|
- Bullet and numbered lists
|
|
- Images with upload
|
|
- Embedded videos (YouTube, Vimeo)
|
|
- Photo grids (24 layouts)
|
|
- Tables
|
|
- Code blocks
|
|
- Blockquotes
|
|
|
|
See [Rich Text Editor](/features/rich-text-editor) for full documentation.
|