Skip to content

levi博客前端项目,基于Vue3+Vite, 少部分Element Plus,使用响应式完美兼容移动端

License

Notifications You must be signed in to change notification settings

LeviQin/Levi-Blog

Repository files navigation

Levi博客前端项目,基于Vue3+Vite, 少部分Element Plus,并使用响应式完美兼容移动端

Vue3 Vite Element Plus Responsive

轻量化 | 高性能 | 工程化 | 美观化 | 响应式 | 持续迭代中...

📮 欢迎使用和贡献 项目仓库 | 在线预览

🚀 核心优势

  • 开源免费:博客所有代码组件开源免费使用
  • 极速体验:Vite构建 + 路由懒加载
  • 完美响应:响应式布局,兼容各种设备
  • 深度优化
    • 图片懒加载 + WebP自动转换
    • 组件级代码分割
  • 界面精美:自主设计主题

核心组件库

  • 元素平滑上升: utils/vSlidIn.js
  • 页面滚动动画: utils/scrollAnimation.js
  • localStorage封装: utils/storage.js
  • 回到顶部:components/BackToTop
  • markdown解件:components/MarkdownRenderer
  • 雪花飘动:components/MoveSpecialEffect
  • 雪花飘动(canvas版):components/TwinklingStars
  • 页面加载动画: index.html
  • 文章图片预览: components/ImagePreview
  • 壁纸切换:components/SwitchWallpaper
  • 全站搜索:layout/Hedader/components/SearchModel
  • 加密/解密:views/Tools/EncryptionAndDecryption.vue
  • 图片压缩:views/Tools/components/ImageCompression.vue
  • 密码生成器views/Tools/PasswordGenerator.vue
  • 单位换算views/Tools/UnitConversion.vue
  • 留言板views/MessageBoard ....

主要页面

喜欢的话给个⭐️吧

🛠️ 开发指南

安装依赖

yarn install

开发模式

yarn dev

生产构建

yarn build

About

levi博客前端项目,基于Vue3+Vite, 少部分Element Plus,使用响应式完美兼容移动端

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published