# web

**Repository Path**: qx-0/web

## Basic Information

- **Project Name**: web
- **Description**: 写着玩的前端项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-28
- **Last Updated**: 2025-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Memory Blog

个人静态博客站点，含主题切换、文章时间轴、Markdown 弹窗查看、无障碍与安全性增强。

## 目录结构
- `index.html`：主页面
- `css/style.css`：样式
- `js/main.js`：交互逻辑（文章数据驱动渲染、时间轴、模态、主题等）
- `diary/*.md`：博客正文（Markdown）
- `images/`：头像、背景等资源
- `blog_picture/`：文内插图

## 本地预览
使用任意静态服务器（推荐 Python 简单服务）：

```bash
cd /home/qx/web
python3 -m http.server 8000
```

浏览器访问 <http://localhost:8000>

## 外部依赖（CDN）
- Font Awesome 6.4.0（图标）
- Marked.js（Markdown 渲染）
- DOMPurify（XSS 过滤）

如需离线/国内加速，可将上述库下载到本地并更新引用。

## 文章管理
在 `posts` 数据（`js/main.js`）中添加：

```js
{
	title: '标题',
	summary: '摘要',
	date: '2025-01-01',
	filename: '对应的Markdown文件名.md'
}
```

并在 `diary/` 目录放入同名 Markdown 文件。会自动按时间倒序展示并生成时间轴。