# htmldemo

**Repository Path**: tanweicai/htmldemo

## Basic Information

- **Project Name**: htmldemo
- **Description**: html的模版demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-07-02
- **Last Updated**: 2025-10-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML

## README

# HTML Demo

这是一个个人博客网站的演示项目，展示了博客的各种页面布局和功能模块。

## 项目特点

- 完整的博客网站结构
- 包含首页、归档页、分类页、标签页等多种页面类型
- 丰富的侧边栏组件（个人信息、公告、最近文章、分类、标签、归档等）
- 响应式设计，适配移动端
- 包含搜索功能和404页面
- 使用HTML5和CSS3实现

## 目录结构

- `index.html` - 首页
- `archives/` - 归档页
- `categories/` - 分类页
- `tags/` - 标签页
- `page/` - 分页
- `css/` - 样式文件
- `js/` - JavaScript文件
- `img/` - 图片资源
- `404.html` - 自定义404页面
- `link/index.html` - 友情链接页面
- `search.xml` - 搜索配置文件

## 技术栈

- HTML5
- CSS3 (包含响应式设计)
- 原生JavaScript
- 第三方库：Algolia搜索、本地搜索等

## 安装说明

1. 克隆仓库：
   ```bash
   git clone https://gitee.com/tanweicai/htmldemo.git
   ```

2. 进入项目目录：
   ```bash
   cd htmldemo
   ```

3. 直接打开HTML文件即可浏览：
   ```bash
   open index.html
   ```

## 使用说明

- 首页展示了最新的文章列表
- 归档页按时间排序展示所有文章
- 分类页按分类展示文章
- 标签页展示所有标签及文章
- 侧边栏包含丰富的信息模块
- 移动端适配，支持手机浏览
- 支持本地搜索功能

## 自定义

您可以修改以下文件来自定义网站：

- `css/index.css` - 主样式文件
- `css/var.css` - 变量样式文件
- `js/main.js` - 主JavaScript文件
- `img/` 目录下的图片资源

## 贡献

欢迎提交PR来改进这个项目。请确保代码风格一致，并保持简洁的设计理念。

## 许可证

该项目采用MIT许可证。详情请查看项目根目录下的LICENSE文件。