轩枫阁主题V3.0 - 更新日志
此次主题的更新,对整站的设计进行了升级,主要包括设计改版、性能优化、体验优化。主要更新内容如下:
一. V3.0主题概要
PC端与移动端主题分离,全新设计
代码全新编写,文案、交互、设计排版等细节体验提升
性能提升
二. PC端版本
首页改版,增加新栏目
代码重构
移除无用的功能、交互
调整文案
主宽度增至1200px
后期改进
浏览器兼容性
丰富动画效果
丰富内容
三. 移动端版本
全新版本
基于WeUI
js代码存储优化
2016-08-16更新
赞赏功能强势上线
如果觉得我的文章对您有用,请随意打赏
2016-08-14更新
代码高亮:调整代码前后间距,区分段落,增加基本代码样式,其余样式后加载
表格:增加超大表格顺滑水平滚动
图片:修复图片链接样式、图片lazyload时尺寸适应
缩进:图片、表格、代码、首行均缩进2em
滚动条:调整滚动条样式
文章:逐一检查并修改所有文章格式-400篇
2016-07-23更新
博客图片懒加载lazyload,不浪费资源请求,加快加载速度
修复相关文章数量显示-4篇
附录一:轩枫阁主题V2.0 - 更新日志
2015-05-30更新
博客图片懒加载lazyload,不浪费资源请求,加快加载速度
修复相关文章数量显示-4篇
备案期间暂时关闭评论系统,可通过微博QQ联系
2015-05-23更新
新增博客RSS订阅,想订阅轩枫阁文章更新的朋友可以通过QQ邮箱或者RSS阅读器订阅,入口置于“推荐阅读”。(好感动,居然有人想订阅%>_<%,这回又不能偷懒不更新了)
侧边栏热门/最新/随机文章增加为显示9篇,优先显示随机文章,侧边栏间距更改为一致
文章页新增相关文章(4篇)
首页及分页文章显示置顶文章详情,更改前为列表
2015-03-29更新
“置顶文章”折叠,可点击展示更多
文章页增加code标签样式
文章分类页上下收藏工具动画方式改变,采用CSS3替代jQuery
2015-03-15更新
首页宽度变为1000,原980,只为兼容网易云音乐组件。为了增加20px,改了好多图片和样式 %>_<%
2015-01-18更新
文章页支持大屏浏览,视野更宽阔(扩展至1780px)
置顶更多优质文章,岂能不mark?
2014-12-15更新
文章分享工具更新:支持文章内容(原只有标题)
2014-10-26更新
钢琴导航曲谱、“好曲试听”曲库更新!更多流行歌曲等你来弹~
侧边栏微博版块与友情链接版块换位,欢迎关注,获取博客文章更新动态
响应式部分bug修复
Banner第三页推广换为招聘版块
文章格式样式更新:li列表样式、a链接图标、文章格式检查。使阅读更清晰自然
2014-08-17更新
精心策划的“前端资源聚合”终于上线!
首页Banner改版,全新扁平化设计图,链接可点
前端资源聚合正在努力更新中,提前上线~
另上线一个特别策划的专题:「
1987我不知会遇见你
」
2014-07-18更新
友情链接页上线(推荐阅读)
招聘专题上线(推荐阅读)
推荐阅读下架链接(funny、网页设计常用色彩搭)
网站更改标题、关键词、描述,更利于SEO
bug修复:千里共良宵页面时间轴效果恢复-误删文件
bug修复:主页面X轴出现滚动条-Catsoul喵魂招聘效果遗留问题
bug修复:文章页分辨率小于980时依然显示二维码-CSS顺序
2014-05-28更新
翻页(目录页、文章页)快捷键由方向键改为CTRL+方向键
二级标题、三级标题样式更改-随机颜色
侧边栏滚动固定
2014-03-13更新
“纸飞机”:许愿内容支持转换为评论
“纸飞机”:样式小改
“弹钢琴”:打开页面时,自动弹奏
2014-02-16更新
文章分享新增QQ空间分享与微信分享(扫描二维码)
logo、实验室添加CSS3闪光效果
侧边栏标题部分增加访问链接,具体如下
所有标签:
http://www.xuanfengge.com/all-tags
友链申请:
http://www.xuanfengge.com/about-message
新浪微博:
http://weibo.com/xuanfengge/
所有访客:
http://www.xuanfengge.com/all-visitors
所有评论:
http://www.xuanfengge.com/all-comment
2013-12-29更新
首页新增下雪主题
全站文章格式重整,尽量都有左侧文章目录导航
新增左右方向键功能:首页(分类页)为上下翻页;文章页为上下篇文章切换
2013-12-01更新
新增钢琴导航,具有以下功能
好曲试听
看谱弹琴
录制曲谱
我的曲谱
保存曲子
分享曲子
具体参见:
http://www.xuanfengge.com/piano
2013-11-24更新
响应式支持:性能以及兼容上还是没有预期的完美,兼容上QQ浏览器比UC好多了,如calc;而且UC对gif的兼容竟然有问题
banner:轮播图新增canvas时间计时(9s翻转)
SEO优化:底部增加网站地图,title、description更改,减少无意义链接,增加分类分页链接
广播:个性化不同时间段访问提示
结尾:有一点要抱怨的,性能和效果的权衡有点头疼。响应式的设计还是有缺陷的,仅仅做到了多种设备的浏览兼容,但是内容上要有所抛弃。所以从产品的角度来说,最好是开发APP。像QQ空间,就有很多版本,wap(文字)、Android(绚丽网页版)、App、PC端等。适合自己的才是最好的,加油!
2013-11-02更新
一. 首页
1. 轮播图
支持3种CSS3切换效果,对IE7-9做了向下兼容
2. 广播
优化广播内容,包括按照时间进行初始化提示
优化广播操作,可按顺序查看上下条目广播。即包括自动切换和手动切换
3. 钢琴导航
HTML5音乐钢琴导航
CSS3动画效果
对IE进行向下兼容
4. 导航
新增栏目 “UI设计”(导航数增至9个,配合钢琴导航)
5. Logo
这不单单是个logo,不信你点开试试!当然了,低级浏览器是看不到的哟
6. 图片feature导航
一些小项目小作品的入口
也是高级浏览器才能享受到
7. 返回顶部
增加以“纸飞机”为主题的动画
8. 文章归类
结构代码上更加简洁,HTML5标签符合语义化,减少DOM操作
特色图像的CSS3动画
文章标题的倒影效果
点击量、标签、评论等移至结尾
文章左侧小工具,可上下查看文章简洁
文章收藏按钮(轩枫阁推出的全新功能,收藏后可到我的收藏夹中查看,入口在图片导航那)
页码表示更简洁
二. 侧边栏
1. 推荐阅读
不一样的主题内容
2. 搜索框
webkit浏览器可语音搜索
新增未填写时不能提交表单的控制,并提供相应动画
新增一键删除搜索框输入的文字
3. 文章归类
Tab列表切换,节省空间
找不到什么文章看时,可以看看随机文章
可查看评论最多的文章
4. 热门标签
抛弃上版本的高消耗低性能动画
可以点击“换一换”,ajax获取内容
5. 友情链接
分页显示,结合动画
有想申请友链的,留言说明哦
6. 近期访客
增加显示人数,便于回访
三. 文章页
1. 上下篇
文章的左右两侧为上下篇文章的快捷跳转链接,方便一一查看
显示总文章数及当前文章位置
2. 左侧小工具
上UP:鼠标移上去是缓慢上移,点击是向上翻页
左LEFT:点击显示文章目录
下DOWN:鼠标移上去是缓慢下移,点击是向下翻页
3. 底部小工具
为新增功能,CSS3效果,向下兼容IE
功能一:快捷跳转到评论
功能二:收藏/取消收藏文章
功能三:显示目录(和上移工具一致)
功能四:快捷回到首页
功能五:自动滚屏(支持控制滚动速度,点击后出现设置面板)
4. 分享功能
支持五大社区的分享
抛弃之前使用的百度分享,利用sns提供的API,结合JS完成
5. 文章相关信息
显示时间更全
显示隶属分类
6. 文章目录
新增支持二级导航
支持自动定位
支持点击跳转
四. 收藏夹
收藏入口有2个,在分类页和文章页
收藏图标支持重复点击(若已收藏,点击则取消收藏)
主页:
www.xuanfengge.com/favorites
具体操作请观看使用指南
兼容IE7-9,chrome等浏览器
支持数据的备份与恢复
五. 主题
倾向于扁平化
结合“优雅降级,渐进增强”,提升体验
使用CSS3动画效果,过渡更平缓
以“纸飞机”为主题
图标改进
整体页面都进行了改进
滚动条支持平滑滚动
代码架构上的改进,使性能得到提升
六. 页面改进
关于&留言
404页面
首页
文章页
归类页等
2013-11-02 首次上线
经过了校园招聘及平日的积累,有很多感悟还没来得及写,因为最近天天都在疯狂写代码中!
轩枫阁V2开始编写时间:2013-03-01
以上就是本次主题更新的介绍,欢迎期待下一版本,即将带来响应式支持!敬请期待~
兼容的浏览器为IE8+,chrome下效果最佳。
附录二:轩枫阁主题V1.0 - 更新日志
2013-01-18首次上线
大二的时候写博客的目的是为记录学习前端之路
尝试页面设计、主题编写、内容制作,收获颇多
轩枫 记
轩枫阁
© 2016