# micro-wiki

**Repository Path**: dongxu_liu/micro-wiki

## Basic Information

- **Project Name**: micro-wiki
- **Description**: 微型百科，记录生活中经常遇到但记不住的冷知识；
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2026-07-23
- **Last Updated**: 2026-09-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# micro-wiki 

> **口袋里的微型百科** —— 移动端友好的可视化科普项目

[![status](https://img.shields.io/badge/status-MVP-blue)](#)
[![mobile](https://img.shields.io/badge/mobile-friendly-green)](#)
[![echarts](https://img.shields.io/badge/echarts-powered-orange)](#)

一个用 **ECharts 图表** 把复杂知识讲清楚的小型科普站点。卡片式阅读、目录式导航，移动端优先。

##  核心特性

- **目录式** **目录式首页**：所有科普条目按主题聚合，一目了然
- **图表驱动** **图表驱动**：每篇科普都配 ECharts 可视化，让数据自己说话
- **移动端优先** **移动端优先**：所有页面在小屏大屏都好看
- **设计语言** **统一设计语言**：渐变 + 卡片 + emoji，渐变 + 卡片 + Lucide SVG，强调可读性
- **零依赖** **零依赖部署**：纯静态 HTML，CDN 加载 ECharts，双击即开

##  项目结构

```
micro-wiki/
├── index.html              # 首页（科普目录）
├── topics/                 # 科普总条目
│   └── tissue-paper/       # 第一个总条目：纸巾选购指南
│       └── index.html
├── assets/                 # 静态资源（图片、图标）
│   └── css/
│       └── style.css       # 站点统一样式
├── data/                   # ECharts 数据源（JSON）
└── README.md
```

##  快速开始

```bash
# 1. 克隆
git clone https://gitee.com/dongxu_liu/micro-wiki.git
cd micro-wiki

# 2. 本地预览（任选其一）
# - 直接用浏览器打开 index.html
# - 或起一个本地静态服务
python3 -m http.server 8000
# 然后访问 http://localhost:8000
```

##  已有科普

| 条目 | 主题 | 关键图表 |
|------|------|----------|
| [纸巾选购指南](topics/tissue-paper/index.html) | 纸巾执行标准 GB/T 20808 vs 20810 | 标准对比、可视化选品口诀 |
| [塑料安全等级](topics/plastic-safety/index.html) | 1-7 树脂识别码 + Tritan | 散点图、6 维雷达 |
| [药盒标志速查](topics/medicine-box-symbols/index.html) | OTC / Rx / 蓝帽子 / 储存图标 | 径向树、6 维雷达 |
| [致癌物速查](topics/carcinogens/index.html) | IARC 4 级 + 5 高估 + 5 低估 | 1 类清单条形图、传闻 vs 真相散点图 |

## ️ 技术栈

- **HTML5 + CSS3**：原生语义化标签，CSS 变量管理主题
- **ECharts 5+**（已 vendored）：数据可视化
- **Lucide SVG**（CDN 引入）：统一图标系统，替代 emoji/字符图标
- **零构建**：直接写、即时看，所见即所得

## **设计语言** 设计原则

1. **结论先行**：每篇科普用一张大卡片给出"一句话结论"
2. **对比清楚**：能用表/图说明的，绝不用大段文字
3. **可记忆**：每篇结尾配一句"速记口诀"
4. **配色克制**：用 ECharts 默认色系，不强行覆盖

##  路线图

- [x] v0.1：项目骨架 + 第一个科普条目（纸巾）
- [ ] v0.2：目录页搜索 / 分类筛选
- [x] v0.3：3-5 个总条目（已完成 4/5 · 食品/日用品/健康常识）
- [ ] v1.0：PWA 离线可用 + 暗色模式
- [ ] v1.1：RSS 订阅 + 每周更新机制

##  贡献

欢迎加新的科普条目！每篇按以下结构：

1. **一句话结论**（必填）
2. **对比/数据可视化**（必填，至少一个 ECharts 图）
3. **选购/操作 3 要素**（可选）
4. **速记口诀**（推荐）

##  License

MIT