Fernando's Personal Blog

👋 Introduction

Welcome to my journey where cloud computing, AI, and open source innovation intersect. Join me to solve problems and apply practical solutions. Ready?

If you want to build a similar site, you can directly Fork this repository or run this project online through StackBlitz. You can also deploy it with one click via Vercel.

✨ Features

• 🦖 Docusaurus - Based on Docusaurus, providing powerful documentation generation and blog features.
• ✍️ Markdown - Easy writing with Markdown.
• 🎨 Beautiful - Clean, beautiful, prioritizes reading experience.
• 🖥️ PWA - Supports PWA, installable, usable offline.
• 🌐 i18n - Supports internationalization.
• 💯 SEO - Search engine optimization, easy to index.
• 📊 Google Analytics - Supports Google Analytics.
• 🔎 Full-text Search - Supports Algolia DocSearch.
• 🚀 Continuous Integration - Supports CI/CD, automatically deploys updates.
• 🏞️ Home View - Displays the latest blog posts, project showcases, personal traits, tech stacks, etc.
• 🗃️ Blog Post Views - Different blog post views: list, grid.
• 🌈 Resource Navigation - Collect and share useful and interesting resources.
• 📦 Project Showcase - Showcase your projects, can be used as a portfolio.

My theme customization implementation: Docusaurus Theme Customization

🔧 Tech Stack

• Docusaurus
• TailwindCSS
• Framer Motion & MagicUI

📊 Directory Structure

├── blog                           # Blog
│   ├── first-blog.md
├── docs                           # Documentation/Notes
│   └── doc.md
├── data
│   ├── feature.tsx                # Features
│   ├── friends.tsx                # Friend Links
│   ├── projects.tsx               # Projects
│   ├── skills.tsx                 # Tech Stack
│   ├── resources.tsx              # Resources
│   └── social.ts                  # Social Links
├── i18n                           # Internationalization
├── src
│   ├── components                 # Components
│   ├── css                        # Custom CSS
│   ├── pages                      # Custom Pages
│   ├── plugin                     # Custom Plugins
│   └── theme                      # Custom Theme Components
├── static                         # Static Assets
│   └── img                        # Static Images
├── docusaurus.config.ts           # Site Configuration
├── sidebars.ts                    # Sidebar for Docs
├── package.json
├── tsconfig.json
└── pnpm-lock.yaml

📥 Running

git clone https://github.com/fernandogprieto/blog.git
cd blog
pnpm install
pnpm start

🏗️ Build

pnpm build

📷 Screenshots

📝 License

MIT