/blog2

愧怍的个人博客

Primary LanguageTypeScriptMIT LicenseMIT

愧怍的个人博客

👋 介绍

在这里我会分享各类技术栈所遇到问题与解决方案，带你了解最新的技术栈以及实际开发中如何应用，并希望我的开发经历对你有所启发。

如果你想要搭建一个类似的站点，可直接 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.yaml

📥 运行

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

构建

pnpm build

📷 截图

Live Demo

📝 许可证

MIT