🎉 网站全新改版：打造「日系生活家」个人品牌主页
今天，日系生活家网站正式完成改版上线。
这不仅是一次视觉升级，更是对网站定位、内容架构、用户体验的全面重塑。从字体到配色，从导航到搜索，每一个细节都经过反复推敲。
💡 为什么要改版？
作为一名日语学习者和文化爱好者，我深知学习资源的可获得性和阅读体验有多重要。
旧版网站虽然内容丰富（90+ 篇文章），但存在明显的问题：
- ❌ 字体对中日文支持不够好
- ❌ 内容分散，难以系统学习
- ❌ 缺少搜索功能，找不到想要的内容
- ❌ 新读者不知道从哪里开始
改版的目标很简单：让每个访问者都能快速找到需要的内容，获得舒适的阅读体验。
✨ 核心改进
🔍 智能搜索：快速找到你想要的
新增站内搜索功能，支持全文检索：
- 📝 搜索文章标题和正文内容
- 🔤 支持中文、日文、英文
- ⚡ 基于 Lunr 引擎，秒级响应
- 💡 输入关键词即可找到相关文章
使用方式：点击导航栏右上角的搜索图标 🔍
🧭 新手引导：从零开始的学习路径
全新的新手指南页面，解决”不知道从哪开始”的问题：
- 🎯 按需求分类：想学日语？了解文化？看笔记？
- 🗺️ 学习路线图：从五十音到N1的完整路径
- ⭐ 编辑推荐：精选优质文章，避免踩坑
- 💡 学习建议：初学者避坑指南
现在，新读者可以直接点击”新手指南”，按照清晰的路径开始学习。
📍 面包屑导航：永远知道自己在哪
每个页面顶部都有导航路径：
首页 > 语言学习 > 日语系统语法 > 当前文章
- ✅ 清晰显示页面层级
- ✅ 一键返回上级目录
- ✅ 有助于理解内容组织
🌙 深色模式：护眼的夜间阅读
自动适配系统主题偏好：
- 🌓 跟随系统深色模式设置
- 🎨 完整的深色主题样式
- 👁️ 精心调整的对比度
- ✨ 所有组件完美适配
Mac/Windows 用户开启系统深色模式，网站自动切换。
📝 内容架构重组
将90+篇文章重新整理为清晰的专栏体系：
语言学习
- 🔰 日语入门
- 📖 语言学专栏
- 📚 系统语法（N5-N1）
- 🎯 助词通关攻略
- 📝 JLPT 备考
日本生活
- 🍱 日本美食专栏
- 🎎 日本文化专栏
- ✈️ 旅行探索专栏
读书笔记
- 📚 日语学习类
- 🏛️ 历史文化类
- 💼 政治经济类
🎨 视觉与排版优化
CJK 字体优化
- 精选苹方、Hiragino Sans 等优质字体
- 14-16px 响应式字号，适合长时间阅读
- 启用 OpenType 特性（palt、kern）
- 1.85 行高，兼顾紧凑与舒适
更好的阅读体验
- ✨ 优化的引用样式（彩色边框+卡片效果）
- 📊 渐变色表头的表格
- 📱 移动端响应式优化
- 📖 右侧目录导航（长文章）
📊 改版前后对比
| 项目 | 改版前 | 改版后 |
|---|---|---|
| 首页文章数 | 8篇/页 | 20篇/页 |
| 搜索功能 | ❌ 无 | ✅ 全文搜索 |
| 新手引导 | ❌ 无 | ✅ 完整路径 |
| 面包屑 | ❌ 无 | ✅ 全站启用 |
| 深色模式 | ❌ 无 | ✅ 自动适配 |
| 内容组织 | 分散 | 专栏化 |
| 字体优化 | 基础 | CJK 优化 |
🛠️ 技术实现
网站基于以下技术栈：
- Jekyll 4.3 - 静态网站生成器
- Minimal Mistakes 4.27.3 - 响应式主题
- Lunr.js - 客户端搜索引擎
- 自定义 SCSS - 深度样式定制
- GitHub Pages - 免费托管部署
性能优化
- ✅ 静态页面，极速加载
- ✅ CDN 加速
- ✅ 响应式图片
- ✅ 代码压缩
🎯 未来计划
改版只是开始，接下来还会持续优化：
中优先级
- 📊 标签云展示
- 🔗 系列文章导航
- 📦 资源中心页面
- 📰 RSS 优化
低优先级
- 📏 字体大小调节
- 📈 阅读进度条
- 💬 简单反馈机制
📮 你的反馈很重要
改版后的网站，你觉得怎么样？
欢迎通过以下方式告诉我：
你的建议将帮助我持续改进！
💬 写在最后
从最初的几篇文章，到现在 90+ 篇的内容积累，「日系生活家」见证了我在日语学习路上的成长。
这次改版，是对过去的总结，也是对未来的期待。
我会继续：
- ✍️ 输出更系统、更深度的学习内容
- 🔍 分享更真实、更有价值的文化见解
- 📖 记录更丰富、更有趣的生活体验
如果你也在学习日语，或者对日本文化感兴趣，欢迎：
- 🚀 从新手指南开始探索
- 🔍 使用搜索功能找到感兴趣的话题
- 💬 加入我们的学习社群
让我们一起探索日语的魅力，感受日本文化的深度与美感。
頑張ってください！
日系生活家 2025.11.27