# timemory-blog

**Repository Path**: auraor/timemory-blog

## Basic Information

- **Project Name**: timemory-blog
- **Description**: TiMemory - 专注编程技术分享，涵盖前端、后端、数据科学、DevOps 等领域的技术博客
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://timemory.xyz
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2026-03-23
- **Last Updated**: 2026-04-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 博客, 编程, IT

## README



# TiMemory Blog

一个简洁优雅的静态博客系统，支持文章展示、分类筛选、标签云、日历文章日历、留言板等功能。

## 特性

- 📱 **响应式设计** - 完美适配桌面端和移动端
- 🌙 **主题切换** - 支持浅色/深色主题切换
- 📂 **文章分类** - 侧边栏分类导航，点击即可筛选
- 🏷️ **标签云** - 使用 TagCanvas 生成的精美标签云
- 📅 **日历功能** - 显示有文章的日期，点击可查看当日文章
- 🔥 **热门文章** - 侧边栏展示阅读量高的文章
- 🔗 **友链展示** - 展示友好链接
- 💬 **留言板** - 读者留言互动功能
- ⬆️ **返回顶部** - 平滑滚动返回页面顶部

## 目录结构

```
timemory-blog/
├── index.html          # 首页 - 文章列表
├── detail.html         # 文章详情页
├── about.html          # 关于页面
├── message.html        # 留言板页面
├── components/
│   ├── header.html     # 公共头部组件
│   └── footer.html     # 公共页脚组件
├── css/
│   ├── style.css       # 主样式文件
│   └── covers.css      # 文章封面样式
├── js/
│   ├── main.js         # 主要交互逻辑
│   ├── jquery-3.7.1.min.js
│   └── tagcanvas.min.js
├── data/
│   ├── articles.json   # 文章数据
│   ├── friendLinks.json # 友链数据
│   └── message.json    # 留言数据
└── start-server.bat    # Windows 启动脚本
```

## 快速开始

### 本地运行

#### Windows

双击运行 `start-server.bat` 即可启动本地服务器。

#### 其他系统

使用任意 HTTP 服务器，例如：

```bash
# Python 3
python -m http.server 8080

# PHP
php -S localhost:8080

# Node.js (需要安装 http-server)
npx http-server -p 8080
```

然后在浏览器中访问 `http://localhost:8080`

## 功能说明

### 首页 (index.html)

- 文章列表展示，支持无限滚动加载更多
- 侧边栏包含：日历、分类、标签云、热门文章、友链
- 顶部支持搜索功能
- 主题切换按钮

### 文章详情页 (detail.html)

- 展示文章详细内容
- 推荐文章列表

### 关于页面 (about.html)

- 个人简介
- 技能亮点
- 联系方式

### 留言板 (message.html)

- 访客留言表单
- 留言展示列表

## 数据格式

### articles.json

```json
[
  {
    "id": "1",
    "title": "文章标题",
    "category": "分类名称",
    "tags": ["标签1", "标签2"],
    "date": "2024-01-01",
    "excerpt": "文章摘要",
    "content": "文章详细内容",
    "views": 100
  }
]
```

### friendLinks.json

```json
[
  {
    "name": "网站名称",
    "url": "https://example.com",
    "description": "网站描述",
    "icon": "图标链接"
  }
]
```

## 技术栈

- **前端框架**: 原生 HTML/CSS/JavaScript
- **JavaScript 库**: jQuery 3.7.1
- **标签云**: TagCanvas
- **数据存储**: JSON 文件（静态）

## 浏览器支持

- Chrome / Edge / Firefox / Safari 最新版本

## 许可证

MIT License

## 项目展示

请访问：[TiMemory Blog](https://www.yuque.com/polaris-9eoq3/gy6t86/otd84vl0bora77bu)