前言

轩枫阁V3.0主题已上线，自2013年上线发布，V1-V3，3年。3个月完成V3主题PC端、移动端交互原型、网页重构、功能开发、工具一键上线。

本次主题的更新，对整站进行优化，主要包括设计改版、性能优化、体验优化。

本文主要针对主题各类技术开发进行总结：

• 主题分离篇
• 重构篇
• 图片优化篇
• 开发篇
• 构建篇
• 加载篇

设计篇：轩枫阁V3主题设计开发总结—设计篇

主题分离篇

文章：wordpress移动端自动切换主题代码

主要内容

• 响应式布局
• WP插件
• 差异处理
• 主题切换代码

重构篇

文章：轩枫阁V3主题开发-重构篇

主要内容

• Less
• 滚动条
• 动画
• 构建
• 雪碧图及2x图
• 图片压缩
• 静态HTML
• 模块化
• BEM

图片优化篇

文章：图片加载优化及图片lazyload自适应

主要内容

• 居中图片裁剪
• lazyload PC端与移动端实现差异

开发篇

文章：轩枫阁V3主题开发-开发篇

主要内容

• 表格处理
• 纯文本简介
• 标签展示
• 文件模块
• 页面类型判断
• 微信图片预览
• 文章链接处理
• 分享
• 赞赏
• 查看大图
• 文章导航
• 钢琴导航
• 返回顶部
• 友情链接

构建篇

文章：轩枫阁V3主题开发-构建篇

主要内容

• 关于tmt-workflow
• 目录结构
• 自定义任务
• 流程图
• 本地环境构建
• 体验环境构建
• 上线发布构建
• 增量发布

加载篇

文章：轩枫阁V3主题开发-加载篇

主要内容

• 雪碧图
• 图片压缩
• lazyload
• 文件位置
• 文件压缩合并
• CDN
• 文件本地存储