# suichentree **Repository Path**: suichenTree/suichentree ## Basic Information - **Project Name**: suichentree - **Description**: 第三代个人博客 。基于vitepress + 手写页面，其源代码在shuyxblog仓库中。 第一代个人博客是基于bootstrap前端样式框架，其源代码找不到了。 第二代个人博客是基于vuepress的，采用vuepress的reco主题，其源代码在suichentreeblog仓库中。 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: http://suichentree.gitee.io - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2020-10-10 - **Last Updated**: 2025-09-12 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README shuyxblog | Shuyx Blog
Shuyx Blog

简体中文

English

简体中文

English

日夜模式

📝 文章创建时间： 暂无
🔥 文章最后更新时间：暂无

shuyxblog ​

GitHub licenseNode.jsVitePress

✨ 项目介绍 ​

基于 VitePress 构建的个人博客系统，采用自定义主题设计，提供优雅的阅读体验和丰富的功能特性。支持文章分类、标签管理、图片预览、响应式布局等现代化博客功能。

blog_20250903175403904.png

🚀 核心功能 ​

  • 自定义页面和样式：精心设计的UI界面，支持深色/浅色模式切换
  • 文章管理：分类与标签双重维度组织内容
  • 图片预览：点击图片可放大预览，支持键盘导航
  • 响应式设计：完美适配桌面端与移动端
  • 性能优化：静态页面生成，加载速度快
  • SEO友好：自动生成sitemap和结构化数据

🛠️ 技术栈 ​

  • 构建工具：VitePress
  • 前端框架：Vue 3
  • 样式方案：CSS/SCSS
  • 部署工具：GitHub Pages

📦 安装教程 ​

前置要求 ​

  • Node.js ≥ 14.0.0
  • npm / yarn / pnpm

安装步骤 ​

  1. 克隆仓库
bash
git clone https://gitee.com/yourusername/shuyxblog.git
cd shuyxblog
  1. 安装依赖
bash
npm install
# 或
yarn install
  1. 本地开发
bash
npm run docs:dev
  1. 构建生产版本
bash
npm run docs:build

📝 使用指南 ​

创建文章 ​

在 blogs/ 目录下创建 .md 文件，使用 Markdown 格式编写文章。

文章配置 ​

在文章头部添加 Frontmatter 配置：

yaml
---
title: 文章标题
date: 2025-01-01
lastUpdated: 2025-01-01
description: 文章描述
categories:
  - 分类1
  - 分类2
tags:
  - 标签1
  - 标签2
---

主题配置 ​

修改 .vitepress/config.js 文件自定义博客设置，包括导航、侧边栏、页脚等。

同步代码 ​

bash
# 运行脚本
./pushAndBuild.sh

📞 联系方式 ​

🙏 鸣谢 ​

Released under the MIT License.

Copyright © 2017-2025 present shuyx