# whalelink.cn

**Repository Path**: MobyLink/whalelink.cn

## Basic Information

- **Project Name**: whalelink.cn
- **Description**: 此项目已弃用，请访问新域名 https://mobylink.cn 获取最新内容。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-10
- **Last Updated**: 2026-01-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 抹香互通着陆页（已弃用）

> 此项目已弃用，请访问新域名 https://mobylink.cn 获取最新内容。

一个简单的静态着陆页，包含一只会“破水而出”的卡通座头鲸（描边风格与喷水），俏皮的气泡动画，以及联系信息。

## 目录结构
- `index.html` – 单页站点，内联 CSS 和少量 JS。
- `assets/` – SVG 资源：鲸鱼（`whale.svg`）、社交预览（`og-image.svg`）、网站图标（`favicon.svg`），以及对应的 PNG 回退文件（`og-image.png`、`favicon-192.png`、`apple-touch-icon.png`）。
- `scripts/render-assets.sh` – 本地辅助脚本，用于重新生成 PNG 回退（自动检测 rsvg / Inkscape / ImageMagick）。

## 本地预览
直接用浏览器打开 `index.html` 即可。

或启动一个本地服务器（Python 3）：

```bash
python3 -m http.server 8080
```
然后访问：http://localhost:8080

## 自定义项
- 标语：编辑 `index.html` 里的 `<p class="tag">`。
- 动画节奏：在 `<style>` 中调整 `@keyframes breach`、`spout`、`rise`、`splash`。
- 降低动效：已通过 `@media (prefers-reduced-motion: reduce)` 处理。
- 社交预览：编辑 `assets/og-image.svg` 后运行 `./scripts/render-assets.sh` 生成 PNG。
- 网站图标：编辑 `assets/favicon.svg` 并重新生成 PNG。
- 鲸鱼插画：`assets/whale.svg` / 与页面内联 SVG 共享配色（底色 `#4acfff`，高光 `#80ddff`，描边 `#27303a`）。

## 资源渲染
在本地重新生成 PNG 回退：

```bash
# 安装任一后端
brew install librsvg imagemagick   # 快速、无头
# 或者
brew install --cask inkscape

# 生成 PNG
./scripts/render-assets.sh
```

输出文件：
- `assets/og-image.png`
- `assets/favicon-192.png`
- `assets/apple-touch-icon.png`

当你更新 SVG 源文件后，请一并提交上述 PNG。

## 联系方式
请访问 https://mobylink.cn

## 许可证
内容与代码 © 抹香互通。若希望外部贡献，可补充开源许可证（建议 MIT/Apache-2.0）。