Personal blog built with Docusaurus 3, featuring articles on technology, philosophy, and various insights.
- 📱 Responsive design
- 🌓 Dark/Light mode toggle
- 🔍 Full-text search
- 📊 Category-based organization
- ⚡️ Fast page loads with optimized performance
- Docusaurus 3 – Static site generator
- React – UI components
- MDX – Markdown with JSX support
- TypeScript – Strongly typed development
- CSS Modules – Scoped styling
- Node.js
>=18 - Yarn
>=1.22
# Clone repository
git clone https://github.com/suryakantamangaraj/Blog.git
cd Blog
# Install dependencies
yarn install-
Start the development server:
yarn start
-
Build for production:
yarn build
-
Serve the production build locally:
yarn serve
Blog/
├── blog/ # Blog posts (Markdown & MDX)
├── src/
│ ├── components/ # Reusable React components
│ ├── css/ # Global styles (CSS Modules)
│ └── pages/ # Static pages (About, Contact, etc.)
├── static/ # Static assets (images, files)
└── docusaurus.config.js # Docusaurus configuration
To add a new blog post:
- Create a new
.mdor.mdxfile in theblog/directory. - Add frontmatter to define metadata:
--- title: "My First Blog Post" date: 2024-01-18 tags: [Technology, Web Development] ---
- Write content using Markdown.
- Add images inside the same directory as your post.
This blog is automatically deployed to GitHub Pages using GitHub Actions.
- Push to the
mainbranch triggers an automatic deployment.
- Fork the repository
- Create a feature branch:
git checkout -b feature/new-feature
- Commit your changes:
git add . git commit -m "feat: add new blog feature"
- Push to your branch:
git push origin feature/new-feature
- Open a Pull Request for review.
This project is licensed under the MIT License.
See the LICENSE file for more details.