在这里我会分享各类技术栈所遇到问题与解决方案，带你了解最新的技术栈以及实际开发中如何应用，并希望我的开发经历对你有所启发。
如果你想要搭建一个类似的站点，可直接 Fork 本仓库使用，或者通过 StackBlitz 在线运行本项目，通过 Vercel 一键部署。
- 🦖 Docusaurus - 基于 Docusaurus，提供强大的文档生成和博客功能
- ✍️ Markdown - 写作方便，Markdown
- 🎨 Beautiful - 整洁，美观，阅读体验优先
- 🖥️ PWA - 支持 PWA，可安装，离线可用
- 🌐 i18n - 支持国际化
- 💯 SEO - 搜索引擎优化，易于收录
- 📊 谷歌分析 - 支持 Google Analytics
- 🔎 全文搜索 - 支持 Algolia DocSearch
- 🚀 持续集成 - 支持 CI/CD，自动部署更新内容
- 🏞️ 首页视图 - 显示最新博客文章、项目展示，个人特点，技术栈等
- 🗃️ 博文视图 - 不同的博文视图，列表、宫格
- 🌈 资源导航 - 收集并分享有用、有意思的资源
- 📦 项目展示 - 展示你的项目，可用作于作品集
我的主题魔改实现：Docusaurus 主题魔改
- Docusaurus
- TailwindCSS
- Framer motion & magicui
├── blog # 博客
│ ├── first-blog.md
├── docs # 文档/笔记
│ └── doc.md
├── data
│ ├── feature.tsx # 特点
│ ├── friends.tsx # 友链
│ ├── projects.tsx # 项目
│ ├── skills.tsx # 技术栈
│ ├── resources.tsx # 资源
│ └── social.ts # 社交链接
├── i18n # 国际化
├── src
│ ├── components # 组件
│ ├── css # 自定义CSS
│ ├── pages # 自定义页面
│ ├── plugin # 自定义插件
│ └── theme # 自定义主题组件
├── static # 静态资源文件
│ └── img # 静态图片
├── docusaurus.config.ts # 站点的配置信息
├── sidebars.ts # 文档的侧边栏
├── package.json
├── tsconfig.json
└── pnpm-lock.yamlgit clone https://github.com/kuizuo/blog.git
cd blog
pnpm install
pnpm start构建
pnpm build