个人博客系统开发记录

项目背景

决定搭建一个个人博客来记录学习和生活，选择了Hexo作为静态博客生成器。

技术选型

博客框架：Hexo

• 基于Node.js
• 支持Markdown
• 丰富的主题和插件

主题：Wixo

• 简洁的设计
• 支持分类和标签
• 响应式布局

部署：GitHub Pages

• 免费托管
• 自动部署
• 支持自定义域名

开发过程

1. 环境搭建

1
2
3
4

npm install -g hexo-cli
hexo init blog
cd blog
npm install

2. 主题配置

下载并配置Wixo主题，修改配置文件以适应个人需求。

3. 功能扩展

• 添加音乐播放器
• 优化分类系统
• 自定义样式

4. 内容管理

建立了完整的分类体系：

• 编程学习
• 技术分享
• 读书笔记
• 生活记录
• 项目记录
• 日常随笔

遇到的问题

1. 分类显示问题

问题：所有文章都显示在”疯川箱子”文件夹中
解决：为每篇文章添加合适的categories字段

2. 音乐播放器样式

问题：播放按钮与现有UI不协调
解决：调整按钮大小和颜色，使其与整体风格一致

下一步计划

• 添加评论系统
• 集成搜索功能
• 优化移动端体验
• 添加访问统计

总结

通过这个项目，不仅搭建了自己的博客平台，还学习了很多前端技术。继续完善功能，让博客成为更好的知识管理工具。