Honesty/home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(analytics): 集成多种网站统计服务

Browse Source 
- 在 README 和 DEPLOY 文档中添加网站统计功能介绍
- 更新项目结构说明，标注 config.js 包含统计配置
- 列出支持的统计平台：不蒜子、百度统计、Google Analytics、51.LA
- 强调统计配置统一管理，提升可维护性
- 修订文档代码块标记语言以增强可读性
- 更新待办事项列表，标记统计功能为已完成项
This commit is contained in:
hehh
2025-11-25 17:19:56 +08:00
parent 4a2ce434f4
commit ae249861fa
2 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
DEPLOY.md
View File

@@ -74,7 +74,7 @@ netlify deploy
### Nginx ### Nginx
``` ```textmate
server { server {
listen 80; listen 80;
server_name your.domain.com; server_name your.domain.com;
@@ -94,7 +94,7 @@ server {
## 项目结构规范 ## 项目结构规范
``` ```textmate
Home/ Home/
├── index.html # 主页 ├── index.html # 主页
├── about.html # 关于页面 ├── about.html # 关于页面
@@ -114,7 +114,7 @@ Home/
│ ├── artalk.css # 评论系统样式 │ ├── artalk.css # 评论系统样式
│ └── iconfont.css # 字体图标样式 │ └── iconfont.css # 字体图标样式
├── js/ ├── js/
│ ├── config.js # 全局配置文件 │ ├── config.js # 全局配置文件（包含网站统计配置）
│ ├── main.js # 主页脚本 │ ├── main.js # 主页脚本
│ ├── about.js # 关于页面脚本 │ ├── about.js # 关于页面脚本
│ ├── bj.js # 背景效果脚本 │ ├── bj.js # 背景效果脚本
@@ -163,6 +163,9 @@ Home/
- 主题与语言 - 主题与语言
- 主题缓存：`SiteConfig.cacheKeys.theme.key/ttlMs` - 主题缓存：`SiteConfig.cacheKeys.theme.key/ttlMs`
- 语言存取：使用 `localStorage('lang')`，页面内可切换 CN/EN - 语言存取：使用 `localStorage('lang')`，页面内可切换 CN/EN
- 网站统计
- `SiteConfig.analytics`：包含不蒜子、百度统计、Google Analytics和51.LA等统计服务的配置
- 各统计服务通过配置文件统一管理，便于维护和更新
> 安全提示：请勿在 `config.js` 中硬编码敏感信息（如 Token）。本项目不需要服务端密钥；如需扩展 API，请在后端代理或使用服务端环境变量。 > 安全提示：请勿在 `config.js` 中硬编码敏感信息（如 Token）。本项目不需要服务端密钥；如需扩展 API，请在后端代理或使用服务端环境变量。
@@ -228,6 +231,7 @@ Home/
- [x] 添加骨架屏加载效果 - [x] 添加骨架屏加载效果
- [x] 实现数据缓存机制，提升页面加载速度 - [x] 实现数据缓存机制，提升页面加载速度
- [x] 添加淡入动画效果，提升用户体验 - [x] 添加淡入动画效果，提升用户体验
- [x] 添加网站统计功能, 如不蒜子、百度统计、Google Analytics、51.LA
### 待完成 ### 待完成
- [ ] 添加更多数据源（如 Twitter、知乎等） - [ ] 添加更多数据源（如 Twitter、知乎等）

10
README.md
View File

@@ -28,6 +28,7 @@
- 🪐 **技术栈宇宙**：PC 端 3D 标签球；移动端三行无缝横向滚动 - 🪐 **技术栈宇宙**：PC 端 3D 标签球；移动端三行无缝横向滚动
- 📦 **内容聚合**：GitHub 开源仓库（星标/分支信息）、RSS 最新文章聚合 - 📦 **内容聚合**：GitHub 开源仓库（星标/分支信息）、RSS 最新文章聚合
- 💬 **评论互动**：Artalk 评论组件，移动端支持折叠/展开，桌/移端自适配样式 - 💬 **评论互动**：Artalk 评论组件，移动端支持折叠/展开，桌/移端自适配样式
- 📊 **网站统计**：集成多种统计服务（不蒜子、百度统计、Google Analytics、51.LA），统一配置管理
- 🌗 **主题与语言**：一键切换 Day/Night 与 CN/EN，自动缓存记忆 - 🌗 **主题与语言**：一键切换 Day/Night 与 CN/EN，自动缓存记忆
- ⚡ **性能与体验**：缓存字段精简、骨架占位与淡入过渡、异步抓取避免阻塞 - ⚡ **性能与体验**：缓存字段精简、骨架占位与淡入过渡、异步抓取避免阻塞
@@ -54,6 +55,7 @@
### 🏠 主页（index） ### 🏠 主页（index）
- 简洁直观的内容入口与导航 - 简洁直观的内容入口与导航
- 轻量、清晰、直达的用户体验 - 轻量、清晰、直达的用户体验
- **网站统计**：集成多种统计服务（不蒜子、百度统计、Google Analytics、51.LA）
### 👤 关于页面（about） ### 👤 关于页面（about）
- **Profile**：头像、在线状态、个性化标题与社交链接 - **Profile**：头像、在线状态、个性化标题与社交链接
@@ -65,6 +67,7 @@
- **Open Source**：GitHub 仓库列表，星标与分支信息 - **Open Source**：GitHub 仓库列表，星标与分支信息
- **Latest Posts**：RSS 文文章列表，标题/日期/分类 - **Latest Posts**：RSS 文文章列表，标题/日期/分类
- **Comments**：Artalk 评论区域，桌/移端响应式优化 - **Comments**：Artalk 评论区域，桌/移端响应式优化
- **网站统计**：集成多种统计服务（不蒜子、百度统计、Google Analytics、51.LA）
## ⚙️ 技术栈与工程细节 ## ⚙️ 技术栈与工程细节
@@ -76,7 +79,7 @@
## 📁 项目结构 ## 📁 项目结构
``` ```textmate
Home/ Home/
├── index.html # 主页 ├── index.html # 主页
├── about.html # 关于页面 ├── about.html # 关于页面
@@ -96,7 +99,7 @@ Home/
│ ├── artalk.css # 评论系统样式 │ ├── artalk.css # 评论系统样式
│ └── iconfont.css # 字体图标样式 │ └── iconfont.css # 字体图标样式
├── js/ ├── js/
│ ├── config.js # 全局配置文件 │ ├── config.js # 全局配置文件（包含网站统计配置）
│ ├── main.js # 主页脚本 │ ├── main.js # 主页脚本
│ ├── about.js # 关于页面脚本 │ ├── about.js # 关于页面脚本
│ ├── bj.js # 背景效果脚本 │ ├── bj.js # 背景效果脚本
@@ -134,7 +137,7 @@ Home/
## 🚀 快速开始 ## 🚀 快速开始
```bash ```shell
# 克隆项目 # 克隆项目
git clone https://github.com/listener-He/Home.git git clone https://github.com/listener-He/Home.git
@@ -176,6 +179,7 @@ open about.html
- [x] 添加骨架屏加载效果 - [x] 添加骨架屏加载效果
- [x] 实现数据缓存机制，提升页面加载速度 - [x] 实现数据缓存机制，提升页面加载速度
- [x] 添加淡入动画效果，提升用户体验 - [x] 添加淡入动画效果，提升用户体验
- [x] 添加网站统计功能, 如不蒜子、百度统计、Google Analytics、51.LA
### 待完成 ### 待完成
- [ ] 添加更多数据源（如 Twitter、知乎等） - [ ] 添加更多数据源（如 Twitter、知乎等）