站点功能更新日志
本文记录本博客站点的功能更新历史，方便了解站点的演进过程。
2026-04-12 功能更新
1. 热门文章排行
功能说明： 基于评论数量显示热门文章，通过 Twikoo 评论系统 API 获取文章的评论数，自动排序展示评论最多的 5 篇文章。
实现方式：
- 文件位置：
_includes/popular-posts.html - 技术实现：
- 使用 Twikoo API 异步获取评论数据
- 前端 JavaScript 动态渲染热门文章列表
- 响应式布局，支持移动端适配
- 智能降级：当评论系统加载失败时，显示最新文章
样式特点：
- 背景色：
#f2f3f3 - 标题使用火焰图标
fas fa-fire - 前三名使用不同颜色标记：
- 第一名：红色
#e74c3c - 第二名：橙色
#f39c12 - 第三名：黄色
#f1c40f
- 第一名：红色
展示位置： 首页侧边栏
2. HTML/CSS/JS 压缩
功能说明：
通过 jekyll-minifier 插件自动压缩静态资源，提升页面加载速度。
配置详情：
# _config.yml
# Jekyll Minifier 配置 - 压缩静态资源提升网站性能
jekyll-minifier:
compress_css: true # 压缩CSS文件，移除空白字符和注释
compress_javascript: true # 压缩JavaScript文件，减小脚本体积
compress_json: true # 压缩JSON文件
compress_html: true # 压缩HTML文件，移除多余空白和换行
uglifier:
harmony: true # 启用ES6+语法支持
preserve_patterns:
- '<!--\s*no\s*minify\s*-->' # 保留包含此注释的内容不被压缩
优化效果：
- 减少文件体积
- 加快页面加载速度
- 提升用户体验
3. 悬浮跳转按钮
功能说明： 添加全局悬浮按钮，方便用户快速返回顶部或跳转到页面底部。
实现方式：
- 文件位置：
_includes/floating-button.html - 技术实现：
- 固定定位在页面右下角
- 智能判断滚动方向，自动切换箭头方向
- 平滑滚动效果
- 响应式设计，适配移动端
样式特点：
- 颜色：
#4e91a5 - 位置：页面右下角（底部 30px，右侧 30px）
- 尺寸：50px × 50px（移动端 44px × 44px）
- 动画效果：悬停时上浮 2px，阴影增强
4. 社交分享功能关闭
功能说明： 关闭文章页面的社交分享功能，简化页面布局。
配置详情：
# _config.yml
defaults:
# _posts
- scope:
path: ""
type: posts
values:
share: false # 关闭社交分享
5. 阅读时间显示关闭
功能说明： 关闭文章页面的阅读时间显示功能，简化页面布局。
配置详情：
# _config.yml
defaults:
# _posts
- scope:
path: ""
type: posts
values:
read_time: false # 关闭阅读时间显示
2026-03-29 功能更新
1. 悬浮跳转按钮（初始版本）
功能说明： 添加全局悬浮跳转按钮，方便用户快速返回顶部或跳转到页面底部。
实现方式：
- 文件位置：
_includes/floating-button.html - 技术实现： 固定定位，点击跳转
2. 文档配置更新
功能说明： 更新文档配置，优化站点结构。
2026-03-28 功能更新
1. 页面组件和功能增强
功能说明： 添加多个页面组件，增强站点功能。
实现内容：
- 新增页面组件
- 功能模块增强
2026-03-27 功能更新
1. 侧边栏组件添加
功能说明： 添加侧边栏组件，丰富页面布局。
实现内容：
- 新增侧边栏组件
- 更新多篇文章内容
2025-04-06 功能更新
1. 热门文章排行（初始版本）
功能说明： 基于评论数量显示热门文章，通过 Twikoo 评论系统 API 获取文章的评论数，自动排序展示评论最多的 5 篇文章。
实现方式：
- 使用 Twikoo API 异步获取评论数据
- 前端 JavaScript 动态渲染热门文章列表
- 展示位置：首页侧边栏
2. HTML/CSS/JS 压缩（初始版本）
功能说明：
通过 jekyll-minifier 插件自动压缩静态资源，提升页面加载速度。
配置详情：
# _config.yml
jekyll-minifier:
compress_css: true # 压缩CSS文件
compress_javascript: true # 压缩JavaScript文件
compress_json: true # 压缩JSON文件
compress_html: true # 压缩HTML文件
uglifier:
harmony: true # 支持ES6语法
优化效果：
- 减少文件体积
- 加快页面加载速度
- 提升用户体验
3. 悬浮跳转按钮（初始版本）
功能说明： 添加全局悬浮按钮，方便用户快速返回顶部或跳转到页面底部。
样式特点：
- 颜色：
#4e91a5 - 位置：页面右下角
- 动画效果：悬停时上浮
2025-08-12 功能更新
1. Twikoo 评论系统
功能说明： 添加 Twikoo 评论系统，支持用户在文章页面进行评论互动。
实现方式：
- 部署平台： Vercel + MongoDB
- 前端集成： 自定义前端调用，适配 Minimal Mistakes 主题
- 参考教程： Configuration - Minimal Mistakes
备选方案：
相关博文： 尝试添加 Twikoo 评论和 Lunr 搜索功能
2. Lunr 搜索功能
功能说明： 添加 Lunr 搜索功能，支持站点内容的全文搜索。
实现方式：
- 使用 Minimal Mistakes 主题默认的 Lunr 搜索功能
备选方案：
- Algolia（因配置复杂且内容年久失修，未采用）
相关博文： 尝试添加 Twikoo 评论和 Lunr 搜索功能
历史功能修复
2025-04 修复记录
1. Favicon 路径错误修复
问题： Favicon 路径使用相对路径，导致在部分页面无法正确加载。
修复方案： 将相对路径改为绝对路径，确保在所有页面都能正确加载。
修改文件：
_includes/head/custom.html
2. 头部路径错误修复
问题： 头部文件路径配置错误，导致页面加载异常。
修复方案： 修正头部文件路径配置，确保页面正常加载。
修改文件：
- 头部相关配置文件
历史功能更新
2025-03 系列文章功能（已移除）
曾实现系列文章/连载功能，支持：
系列文章导航阅读进度显示上一篇/下一篇跳转
移除原因： 该功能与主题风格不太协调，且使用频率较低，为简化站点结构而移除。
技术栈
本博客基于以下技术构建：
- 静态站点生成器： Jekyll
- 主题： Minimal Mistakes
- 评论系统： Twikoo
- 部署平台： GitHub Pages
- 代码托管： GitHub
如有功能建议或问题反馈，欢迎在评论区留言。