# my-web-site

**Repository Path**: depingl/my-web-site

## Basic Information

- **Project Name**: my-web-site
- **Description**: 使用hugo做的个人网站（自定义模板）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-02-10
- **Last Updated**: 2026-02-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



```markdown
# 我的个人网站 (My Personal Website)

这是一个基于 [Hugo](https://gohugo.io/) 静态网站生成器构建的个人作品集项目。本项目主要用于展示个人项目作品，采用了定制的 "Chinese-Style" 主题，包含作品展示、隐私政策、联系方式等功能模块。

## 功能特性

- **首页展示**: 包含个人标识、作品集入口及联系方式。
- **作品展示**: 网格化布局展示项目，支持分类浏览。
- **详情页**: 针对每个项目提供详细的介绍、图片画廊及技术栈说明。
- **页面**: 包含隐私政策页面 (Privacy Policy)。
- **响应式设计**: 适配桌面端与移动端设备。
- **部署友好**: 生成纯静态 HTML 文件，可轻松部署至 Gitee Pages、GitHub Pages 或任何静态网页托管服务。

## 快速开始

### 环境要求

在开始之前，请确保你已经安装了以下工具：
- **Git**: 用于克隆仓库和管理版本。
- **Hugo (Extended 版本推荐)**: 用于构建网站。安装指南请参考 [Hugo 官方文档](https://gohugo.io/installation/)。

### 本地运行

1. **克隆项目**：
   ```bash
   git clone https://gitee.com/depingl/my-web-site.git
   cd my-web-site
   ```

2. **启动本地服务器**：
   ```bash
   hugo server
   ```
   执行成功后，打开浏览器访问 `http://localhost:1313` 即可预览网站。

### 构建部署

生成用于生产环境的静态文件：
```bash
hugo
```
构建完成后，所有静态文件将生成在 `public/` 目录中。你可以上传该目录下的文件至你的 Web 服务器。

## 项目结构

本项目采用了标准的 Hugo 项目结构，主要目录说明如下：

- **`content/`**: 存放网站的实际内容（Markdown 文件）。
    - `privacy.md`: 隐私政策页面。
    - `works/`: 作品集目录，包含 `work-1.md`, `work-4.md` 等文件。
- **`themes/`**: 存放主题文件。
    - `chinese-style/`: 当前使用的主题，包含模板 (`layouts/`)、样式 (`static/css/`) 和脚本 (`static/js/`)。
- **`static/`**: 存放静态资源（图片、Logo 等），构建时会被复制到 `public/` 根目录。
- **`public/`**: Hugo 编译后生成的最终网站文件目录。

## 如何添加新作品

1. 在 `content/works/` 目录下创建一个新的 Markdown 文件（例如 `new-project.md`）。
2. 在文件顶部添加 Front Matter（YAML 格式），配置标题、日期和草稿状态：
   ```yaml
   ---
   title: "新项目名称"
   date: 2023-10-27
   draft: false
   ---
   ```
3. 在下方编写项目的详细介绍、设计理念和技术实现等内容。
4. 将相关的图片素材放入 `static/images/works/` 目录。

## 自定义修改

- **修改样式**: 主题的 CSS 文件位于 `themes/chinese-style/static/css/`。
- **修改布局**: 模板文件位于 `themes/chinese-style/layouts/`。
- **网站配置**: 站点的基本配置（如网站标题、菜单链接）可在 `hugo.toml` 文件中修改。

## 技术栈

- **生成器**: Hugo
- **主题**: Chinese-Style (Custom)
- **前端技术**: HTML5, CSS3, JavaScript
```