# next-pixel-blog

**Repository Path**: wangkai000/next-pixel-blog

## Basic Information

- **Project Name**: next-pixel-blog
- **Description**: PIXEL.DEV — 赛博朋克像素风博客

Next.js 15 静态博客，Tailwind CSS 像素 UI，CRT 扫描线 + 霓虹美学。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-21
- **Last Updated**: 2026-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# PIXEL.DEV — 赛博朋克像素风博客

Next.js 15 静态博客，Tailwind CSS 像素 UI，CRT 扫描线 + 霓虹美学。

## 预览

```
npm install
npm run dev      # 开发预览 http://localhost:3000
npm run build    # 静态导出 → out/
```

## 特性

- Next.js 15 SSG 静态导出，`output: 'export'`
- Tailwind CSS 像素风格组件系统
- Markdown 文章系统（gray-matter + 自动阅读时间）
- CRT 扫描线叠加层
- 霓虹发光 + 像素阴影 + Press Start 2P 字体
- 响应式设计，移动端适配

## 文章目录

`posts/*.md` 即博客文章，Front-matter 格式：

```yaml
---
title: "文章标题"
date: "2026-04-11"
tags: ["tag1", "tag2"]
excerpt: "文章摘要"
---
```

## 部署

静态导出后 `out/` 目录可直接部署到任意静态托管：

```bash
npm run build
# 部署 out/ 目录
```

支持 Vercel、Netlify、Cloudflare Pages、GitHub Pages 等。

## 技术栈

| 用途 | 技术 |
|------|------|
| 框架 | Next.js 15 |
| 样式 | Tailwind CSS 3 |
| 文章 | Markdown + gray-matter |
| 字体 | Press Start 2P / JetBrains Mono |
| 部署 | 静态导出 |

## License

MIT