59 lines
1.2 KiB
Markdown
59 lines
1.2 KiB
Markdown
# Navmini · 游民导航
|
||
|
||
移动端优先的 **Link 导航** H5，内容对齐 [nav.hackrobot.cn](https://nav.hackrobot.cn/)。效果认可后再做微信 / 抖音 / 小红书小程序。
|
||
|
||
## 本地预览
|
||
|
||
```bash
|
||
npm install
|
||
npm run dev
|
||
```
|
||
|
||
手机或浏览器窄屏预览最佳。
|
||
|
||
```bash
|
||
npm run build
|
||
npm run preview
|
||
```
|
||
|
||
## 能力
|
||
|
||
- 整页长滚动浏览全部入口（图标 + 标题 + 简介）
|
||
- 左侧抽屉可快速跳到某一分类
|
||
- 顶栏随滚动显示当前分类
|
||
- 浅色 / 深色主题记忆
|
||
- 回到顶部
|
||
|
||
## 图标
|
||
|
||
图标已离线压缩到 [`public/icons/`](public/icons/)（96×96 WebP）。`links.json` 引用 `/icons/{id}.webp`。
|
||
|
||
重新拉取并压缩：
|
||
|
||
```bash
|
||
npm run icons
|
||
```
|
||
|
||
|
||
编辑 [`src/data/links.json`](src/data/links.json)：
|
||
|
||
```
|
||
categories[] → groups[] → links[]
|
||
id / title / subtitle / href / icon / action?
|
||
```
|
||
|
||
`action` 默认 `open`；设为 `copy` 时写入剪贴板。
|
||
|
||
## 小程序
|
||
|
||
- [`xhs/`](xhs/) 小红书小工具（离线导航，手动选中复制网址）
|
||
- [`weapp/`](weapp/) 微信小程序（抽屉 + 长列表，一键复制网址）
|
||
|
||
```bash
|
||
npm run weapp:sync
|
||
```
|
||
|
||
微信开发者工具打开 `weapp/` 目录。详见 [`weapp/README.md`](weapp/README.md)。
|
||
|
||
- `tt/` 抖音小程序（待做）
|