Skip to content

Commit bfec391

Browse files
alvinluo-techalvinluo-tech
committed
feat(blog): add FocusTimer project introduction with bilingual support
1 parent e9198c0 commit bfec391

File tree

5 files changed

+646
-2
lines changed

5 files changed

+646
-2
lines changed

‎src/config/commentConfig.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import type { CommentConfig } from "../types/config";
22

33
export const commentConfig: CommentConfig = {
4-
enable: false, // 启用评论功能。当设置为 false 时，评论组件将不会显示在文章区域。
4+
enable: true, // 启用评论功能。当设置为 false 时，评论组件将不会显示在文章区域。
55
enableVisitorCount: true, // 启用文章访问量统计功能。当设置为 false 时，文章访问量统计将不会显示。需要enable和enableVisitorCount都为true时才启用。
66
twikoo: {
77
envId: "https://twikoo.vercel.app",

‎src/content/posts/IMAGES-TODO-focus-timer.md‎

Lines changed: 172 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
# FocusTimer 博客文章图片准备清单
2+
3+
## 📋 图片清单
4+
5+
### 1. 封面图片（可选）
6+
- **位置**: Front matter `img` 字段
7+
- **建议路径**: `/assets/images/focus-timer-cover.png`
8+
- **说明**: 文章封面图，会显示在博客列表和文章顶部
9+
- **建议尺寸**: 1200x630px（适合社交媒体分享）
10+
- **内容建议**: FocusTimer 的主界面或 Logo
11+
12+
---
13+
14+
### 2. 项目 Logo（可选）
15+
- **位置**: Introduction 章节开头
16+
- **建议路径**: `/assets/images/posts/focus-timer/logo.png`
17+
- **说明**: 项目标识图标
18+
- **建议尺寸**: 200x200px 或更大
19+
- **内容**: FocusTimer 应用图标
20+
21+
---
22+
23+
### 3. 主界面截图 ⭐ 必需
24+
- **位置**: Screenshots 章节 - Main Interface
25+
- **当前使用**: GitHub 仓库图片（已配置）
26+
- **本地路径建议**: `/assets/images/posts/focus-timer/main-interface.png`
27+
- **GitHub 路径**: `https://raw.githubusercontent.com/alvinluo-tech/tauri-FocusTimer/main/screenshots/main-interface.png`
28+
- **说明**: 展示任务组和任务管理功能
29+
30+
---
31+
32+
### 4. 计时器运行界面截图 ⭐ 必需
33+
- **位置**: Screenshots 章节 - Timer Interface (Running)
34+
- **当前使用**: GitHub 仓库图片（已配置）
35+
- **本地路径建议**: `/assets/images/posts/focus-timer/timer-running.png`
36+
- **GitHub 路径**: `https://raw.githubusercontent.com/alvinluo-tech/tauri-FocusTimer/main/screenshots/timer.png`
37+
- **说明**: 计时器运行中的大字体显示和进度条
38+
39+
---
40+
41+
### 5. 计时器暂停界面截图
42+
- **位置**: Screenshots 章节 - Timer Interface (Paused)
43+
- **当前使用**: GitHub 仓库图片（已配置）
44+
- **本地路径建议**: `/assets/images/posts/focus-timer/timer-paused.png`
45+
- **GitHub 路径**: `https://raw.githubusercontent.com/alvinluo-tech/tauri-FocusTimer/main/screenshots/timer-paused.png`
46+
- **说明**: 暂停状态的计时器，展示自定义背景
47+
48+
---
49+
50+
### 6. 统计报告列表视图截图 ⭐ 必需
51+
- **位置**: Screenshots 章节 - Statistics (List View)
52+
- **当前使用**: GitHub 仓库图片（已配置）
53+
- **本地路径建议**: `/assets/images/posts/focus-timer/statistics-list.png`
54+
- **GitHub 路径**: `https://raw.githubusercontent.com/alvinluo-tech/tauri-FocusTimer/main/screenshots/statistics-report.png`
55+
- **说明**: 详细的统计指标列表
56+
57+
---
58+
59+
### 7. 统计报告图表视图截图 ⭐ 必需
60+
- **位置**: Screenshots 章节 - Statistics (Chart View)
61+
- **当前使用**: GitHub 仓库图片（已配置）
62+
- **本地路径建议**: `/assets/images/posts/focus-timer/statistics-chart.png`
63+
- **GitHub 路径**: `https://raw.githubusercontent.com/alvinluo-tech/tauri-FocusTimer/main/screenshots/statistics-chart.png`
64+
- **说明**: 交互式饼图展示时间分布
65+
66+
---
67+
68+
### 8. 设置界面截图
69+
- **位置**: Screenshots 章节 - Settings
70+
- **当前使用**: GitHub 仓库图片（已配置）
71+
- **本地路径建议**: `/assets/images/posts/focus-timer/settings.png`
72+
- **GitHub 路径**: `https://raw.githubusercontent.com/alvinluo-tech/tauri-FocusTimer/main/screenshots/settings-interface.png`
73+
- **说明**: 背景自定义和语言设置界面
74+
75+
---
76+
77+
## 🔄 图片替换方式
78+
79+
### 方案 1: 使用 GitHub 图片（当前方案）
80+
✅ **优点**:
81+
- 无需上传到博客仓库
82+
- 图片更新自动同步
83+
- 节省博客仓库空间
84+
85+
❌ **缺点**:
86+
- 依赖外部链接
87+
- GitHub 服务受限时可能加载慢
88+
89+
**当前状态**: 已配置完成，可直接使用
90+
91+
---
92+
93+
### 方案 2: 使用本地图片（推荐用于重要图片）
94+
✅ **优点**:
95+
- 加载速度快
96+
- 完全控制
97+
- 不依赖外部服务
98+
99+
❌ **缺点**:
100+
- 需要手动上传
101+
- 增加仓库大小
102+
103+
**操作步骤**:
104+
1. 创建目录: `public/assets/images/posts/focus-timer/`
105+
2. 从 GitHub 仓库下载截图到该目录
106+
3. 修改文章中的图片路径，例如:
107+
```markdown
108+
![Main Interface](/assets/images/posts/focus-timer/main-interface.png)
109+
```
110+
111+
---
112+
113+
## 📝 Markdown 图片语法
114+
115+
### 基本语法
116+
```markdown
117+
![图片描述](图片路径)
118+
```
119+
120+
### 带标题的图片
121+
```markdown
122+
![图片描述](图片路径 "鼠标悬停时显示的标题")
123+
```
124+
125+
### HTML 方式（可控制尺寸）
126+
```markdown
127+
<img src="图片路径" alt="图片描述" width="800" />
128+
```
129+
130+
---
131+
132+
## ✅ 当前状态
133+
134+
- ✅ 已配置 8 个图片占位符
135+
- ✅ 所有截图都使用 GitHub 仓库图片（临时方案）
136+
- ⏳ 待定: 是否需要添加封面图片
137+
- ⏳ 待定: 是否替换为本地图片
138+
139+
---
140+
141+
## 🎨 图片优化建议
142+
143+
1. **文件格式**:
144+
- 截图使用 PNG（保持清晰度）
145+
- 装饰性图片可用 WebP（更小）
146+
147+
2. **文件大小**:
148+
- 单张图片建议 < 500KB
149+
- 可使用工具压缩: TinyPNG, Squoosh
150+
151+
3. **命名规范**:
152+
- 使用小写字母和连字符
153+
- 描述性命名: `timer-running.png` 而非 `img1.png`
154+
155+
4. **Alt 文本**:
156+
- 已为所有图片添加描述性 alt 文本
157+
- 有助于 SEO 和无障碍访问
158+
159+
---
160+
161+
## 🚀 下一步操作
162+
163+
1. **预览文章**: 启动开发服务器查看效果
164+
2. **检查图片**: 确认 GitHub 图片是否正常加载
165+
3. **决定方案**:
166+
- 保持使用 GitHub 图片
167+
- 或下载到本地替换路径
168+
4. **添加封面**: 如需封面图，取消注释并添加图片路径
169+
170+
---
171+
172+
**注意**: 当前配置已可正常使用，图片来自 GitHub 仓库。如需更改，参考上述说明操作即可。

‎src/content/posts/assignment-inspiration.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Assignment Inspiration
33
published: 2025-10-29
44
updated: 2025-10-30
55
pinned: true
6-
img: ''
6+
imgge: ''
77
description: "This document summarizes a classroom assignment design, outlining a Titanic-themed time-travel escape with four data-driven challenges that teach analysis, reasoning, and problem-solving."
88
tags: ["course assignment", "markdown","assignment indication"]
99
category: course assignment

0 commit comments

Comments
 (0)