About This Garden

Last Updated: 2023.11

👋 Hello, Traveler.

欢迎来到我的后花园。这是一个思维碎片的暂存区。这里的每一行代码都由 Vue 3 + Vite 驱动,每一篇文章都由 Obsidian 撰写。

⚡ Powered By

这是一个基于 Vue 3 构建的纯静态个人博客系统,采用 Composition API、Pinia 状态管理和 Vite 构建工具,支持 Markdown 文章、友链管理和 Giscus 留言系统。

现已在github开源。

✨ 特性

  • 📝 Markdown 支持:支持 Markdown 格式文章,自动解析 front-matter
  • 🎯 响应式布局:完美适配桌面端和移动端
  • 🚀 性能优化:代码分割、懒加载、异步组件加载
  • 💬 留言系统:集成 Giscus 评论系统
  • 🔗 友链管理:支持友链申请和管理
  • 🎭 动画效果:使用 GSAP 和 CSS 动画,流畅的交互体验
  • ⚡ 快速构建:基于 Vite 的快速开发体验

核心框架

  • Vue 3.4+ - 渐进式 JavaScript 框架
  • Vue Router 4 - 官方路由管理器
  • Pinia - Vue 官方状态管理库

构建工具

  • Vite 7.2+ - 前端构建工具
  • @vitejs/plugin-vue - Vue 单文件组件支持

功能库

  • markdown-it - Markdown 解析器
  • front-matter - Front matter 解析
  • github-markdown-css - GitHub 风格 Markdown 样式
  • gsap - 动画库
  • canvas-confetti - 彩带动画效果

开发工具

  • unplugin-auto-import - 自动导入 API
  • unplugin-vue-components - 自动导入组件
  • rollup-plugin-visualizer - 打包分析工具

作者

  元宵 (LCJ)

🙏 致谢

  • Vue.js 团队
  • Vite 团队
  • 所有开源贡献者

📮 Contact

如果你发现了 Bug,或者只是想聊聊技术与设计,欢迎通过以下方式找到我。

💬 留言板

分享你的想法,让我们一起交流

Made with ❤️ by Creator.