Learning Platform

👋 Introduce

Here, I will share with you the various problems I encountered during the technical development process and my experience and solutions on how to solve them. From front-end development to back-end debugging, from database optimization to exception handling of API requests, I will discuss common technical problems and solutions with you in an easy-to-understand way. I hope that these sharings can not only help you avoid common pitfalls, but also provide some practical guidance for your technical growth.

---

在这里，我将与大家分享我在技术开发过程中遇到的各种问题以及我如何解决它们的经验和方案。从前端开发到后端调试，从数据库优化到API请求的异常处理，我会用轻松易懂的方式和大家一起探讨常见的技术难题和解决方法。希望这些分享不仅能帮助你避免常见的坑，还能为你的技术成长提供一些实用的指导。

✨ Characteristic

• 🦖 Docusaurus - Based on Docusaurus, provides powerful document generation and blogging functions
• ✍️ Markdown - Easy to write, Markdown/Typora
• 🎨 Beautiful - Neat, beautiful, reading experience first
• 🖥️ PWA - Supports PWA, installable, available offline
• 🌐 i18n - Supports internationalization
• 💯 SEO - Search engine optimization, easy to include
• 📊 Google Analytics - Supports Google Analytics
• 🔎 Full text search - Convenient to search for articles
• 🚀 Continuous Integration - Supports CI/CD, automatically deploys updated content
• 🏞️ Home View - Displays the latest blog posts, project displays, personal characteristics, technology stacks, etc.
• 🗃️ Blog View - Different blog post views, lists, grids
• 🌈 Resource Navigation - Collect and share useful and interesting resources
• 📦 Project Display - Show your projects, which can be used as a portfolio

🔧 Technology Stack

• Docusaurus
• TailwindCSS
• React
• Json
• JavaScript
• TypeScript
• NextJS
• Framer motion & magicui

📊 Directory Structure

├── blog                     # Blog
│ ├── first-blog.md
├── docs                     # Documents/notes
│ └── doc.md
├── data
│ ├── feature.tsx            # Features
│ ├── projects.tsx           # Projects
│ ├── skills.tsx             # Technology 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 resource files
│ └── img                    # Static images
├── docusaurus.config.ts     # Site configuration information
├── sidebars.ts              # Document sidebar
├── package.json
├── tsconfig.json
└── pnpm-lock.yaml

📥 Run

git clone https://github.com/your-git-link
cd blog
pnpm install
pnpm start / pnpm run serve

Build

pnpm build

📝 License

MIT