👋 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,或者只是想聊聊技术与设计,欢迎通过以下方式找到我。
