From eb6eb3e5fd841f84ca0ccedba87792a1421c7986 Mon Sep 17 00:00:00 2001 From: gitee-bot Date: Fri, 6 Feb 2026 02:27:02 +0000 Subject: [PATCH] Update README.md --- README.md | 131 ++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 117 insertions(+), 14 deletions(-) diff --git a/README.md b/README.md index 1bf45a1..1d5a913 100644 --- a/README.md +++ b/README.md @@ -1,26 +1,129 @@ + + # vitepress-blog > 狗尾巴花的尖的知识库 -- 是个人开发的博客知识库静态网站 -- 目的在于提升自身技术水平和指导日常工作 -- 作者：狗尾巴花的尖，专注于各种前沿技术的学习和分享 -- 是一个技术进阶路上的学习者，有输入就要有输出，愿你技术学习的热忱永远不会被辜负 +个人开发的博客知识库静态网站，致力于提升自身技术水平和指导日常工作。 + +## 简介 + +vitepress-blog 是一个基于 VitePress 构建的静态博客网站，旨在为技术学习者提供一个系统化的知识库平台。作者专注于各种前沿技术的学习和分享，是一个技术进阶路上的学习者，秉持"有输入就要有输出"的理念。 + +## 网站内容 + +博客涵盖六大方面的技术知识： + +1. **前端技术** - 包含 Vue3 核心语法、路由、Pinia 状态管理、组件通信等 +2. **后端技术** - 提供 Node.js、Express 框架等后端开发知识 +3. **开发工具** - 常用开发工具推荐和使用指南 +4. **问题记录** - 开发过程中遇到的问题及解决方案 +5. **开源项目** - 分享作者参与或推荐的开源项目 +6. **优质推荐** - 优质学习资源和平台推荐 + +## 技术栈 + +- **VitePress** - 静态站点生成器 +- **Vue 3** - 前端框架 +- **TypeScript** - 类型安全 +- **Giscus** - 评论系统 +- **Confetti** - 彩蛋效果 + +## 项目预览 + +博客展示了现代化的界面设计，包含首页展示、分类导航、标签系统等功能。 + +![博客效果图片](http://flowertip.cn/vitepress-blog/images/blog.png) + +## 功能特性 + +- 响应式设计，支持各种设备访问 +- 分类清晰的文档结构 +- 集成 Giscus 评论系统 +- 彩蛋交互效果 +- 支持搜索功能 +- 社交化分享 + +## 目录结构 + +``` +vitepress-blog/ +├── .vitepress/ +│ ├── config.mts # VitePress 配置 +│ ├── sidebar.mts # 侧边栏配置 +│ └── theme/ # 主题配置 +│ ├── index.ts # 主题入口 +│ ├── style.css # 主题样式 +│ └── components/ # 主题组件 +│ ├── Confetti.vue # 彩蛋组件 +│ └── Giscus.vue # 评论组件 +├── docs/ # 文档目录 +│ ├── web/ # Web 开发 +│ │ ├── vue/ # Vue 技术栈 +│ │ ├── node/ # Node.js +│ │ └── wechat/ # 微信小程序 +│ ├── question/ # 问题记录 +│ │ └── vue/ # Vue 相关问题 +│ ├── tool/ # 开发工具 +│ └── recommend/ # 资源推荐 +├── public/ # 静态资源 +│ ├── images/ # 图片资源 +│ └── svg/ # SVG 图标 +└── index.md # 首页 +``` + +## 快速开始 + +### 环境要求 + +- Node.js >= 16.0.0 +- pnpm (推荐) 或 npm/yarn + +### 安装依赖 + +```bash +pnpm install +``` + +### 本地开发 + +启动开发服务器： + +```bash +pnpm docs:dev +``` + +### 构建生产版本 + +构建静态文件： + +```bash +pnpm docs:build +``` + +### 预览构建结果 + +```bash +pnpm docs:preview +``` + +## 部署 + +项目已配置 GitHub Actions 自动部署流程，支持一键部署到 GitHub Pages。 -## 网站统计六大方面内容 +## 贡献指南 - 1. 前端技术 +欢迎提交 Issue 或 Pull Request 来完善这个知识库。 - 2. 后端技术 +## 许可证 - 3. 开发工具 +本项目采用 MIT 许可证开源。 - 4. 问题记录 +## 交流 - 5. 开源项目 - - 6. 优质推荐 +- 作者：狗尾巴花的尖 +- 首页：https://gitee.com/CodeTV -## 博客展示效果 +--- -![博客效果图片](http://flowertip.cn/vitepress-blog/images/blog.png) \ No newline at end of file +愿你技术学习的热忱永远不会被辜负。 \ No newline at end of file -- Gitee