89e89d4aa3
Add Chinese (Simplified) translations for all documentation, organized under a dedicated zh/ directory that mirrors the English folder structure. Co-authored-by: tanqingkuang <tanqingkuang@users.noreply.github.com> Translations originally contributed by @tanqingkuang in #45. Restructured from *-CN.md suffix pattern into zh/ directory to prevent the EPUB builder (scripts/build_epub.py collect_folder_files) from picking up Chinese files via glob("*.md") inside module folders.
90 lines
2.5 KiB
Markdown
90 lines
2.5 KiB
Markdown
# 快速开始 - 品牌资源
|
||
|
||
## 复制资源到你的项目
|
||
|
||
```bash
|
||
# 将所有资源复制到你的 Web 项目中
|
||
cp -r resources/ /path/to/your/website/
|
||
|
||
# 或者只复制网页所需的 favicon
|
||
cp resources/favicons/* /path/to/your/website/public/
|
||
```
|
||
|
||
## 添加到 HTML（直接复制粘贴）
|
||
|
||
```html
|
||
<!-- Favicons -->
|
||
<link rel="icon" type="image/svg+xml" href="/resources/favicons/favicon-32.svg" sizes="32x32">
|
||
<link rel="icon" type="image/svg+xml" href="/resources/favicons/favicon-16.svg" sizes="16x16">
|
||
<link rel="apple-touch-icon" href="/resources/favicons/favicon-128.svg">
|
||
<link rel="icon" type="image/svg+xml" href="/resources/favicons/favicon-256.svg" sizes="256x256">
|
||
<meta name="theme-color" content="#000000">
|
||
```
|
||
|
||
## 在 Markdown/文档中使用
|
||
|
||
```markdown
|
||
# Claude How To
|
||
|
||
|
||
|
||
|
||
```
|
||
|
||
## 推荐尺寸
|
||
|
||
| 用途 | 尺寸 | 文件 |
|
||
|---------|------|------|
|
||
| 网站页眉 | 520×120 | `logos/claude-howto-logo.svg` |
|
||
| 应用图标 | 256×256 | `icons/claude-howto-icon.svg` |
|
||
| 浏览器标签页 | 32×32 | `favicons/favicon-32.svg` |
|
||
| 移动端桌面图标 | 128×128 | `favicons/favicon-128.svg` |
|
||
| 桌面应用 | 256×256 | `favicons/favicon-256.svg` |
|
||
| 小头像 | 64×64 | `favicons/favicon-64.svg` |
|
||
|
||
## 颜色值
|
||
|
||
```css
|
||
/* 在 CSS 中使用这些值 */
|
||
--color-primary: #000000;
|
||
--color-secondary: #6B7280;
|
||
--color-accent: #22C55E;
|
||
--color-bg-light: #FFFFFF;
|
||
--color-bg-dark: #0A0A0A;
|
||
```
|
||
|
||
## 图标含义
|
||
|
||
**指南针 + 代码括号**：
|
||
- 指南针环 = 导航、结构化学习路径
|
||
- 绿色北针 = 方向、进展、引导
|
||
- 黑色南针 = 基础、根基
|
||
- `>` 括号 = 终端提示符、代码、CLI 场景
|
||
- 刻度线 = 精准、结构化步骤
|
||
|
||
这象征着“在清晰引导下穿行于代码世界”。
|
||
|
||
## 在哪里用什么
|
||
|
||
### 网站
|
||
- **页眉**：Logo（`logos/claude-howto-logo.svg`）
|
||
- **Favicon**：32px（`favicons/favicon-32.svg`）
|
||
- **社交预览**：图标（`icons/claude-howto-icon.svg`）
|
||
|
||
### GitHub
|
||
- **README 徽章**：图标（`icons/claude-howto-icon.svg`），建议 64-128px
|
||
- **仓库头像**：图标（`icons/claude-howto-icon.svg`）
|
||
|
||
### 社交媒体
|
||
- **头像**：图标（`icons/claude-howto-icon.svg`）
|
||
- **横幅**：Logo（`logos/claude-howto-logo.svg`）
|
||
- **缩略图**：256×256px 图标
|
||
|
||
### 文档
|
||
- **章节标题**：Logo 或图标（按需缩放）
|
||
- **导航图标**：Favicon（32-64px）
|
||
|
||
---
|
||
|
||
完整文档见 [README.md](README.md)。
|