经过几天的调整,终于把Bitcron NexT主题修改成自己心目中的样子,调整比较多的还是一些细节(本文持续更新,更新内容按日期倒序):
8月25日
- 对文章目录的显示样式进行了修改。后续搜索结果实现了pjax加载。至此实现全站pjax。
7月29日
- 使用Animate1增加了部分CSS3动画。
- 利用css after、before添加内容(如果是中文,注意编码一定要统一,否则会乱码;也可以 将中文转化为unicode( target=_blank))。
7月24日
- 后续jQuery的完善(因为使用pjax局部加载,导致部分样式没法刷新,只好通过编写JS修复了。期间因为正则匹配的小问题,粗心的我居然调试了一个多小时,泪奔::>_<::。)
7月23日
- 模板基本实现了pjax加载(因为pjax存在的某个BUG2,踩了个坑。)
经过一个月试用pjax,发现pjax功能会导致Bitcron因为支持评论所加载的CSS、JS等请求每次页面加载均需重载,致使页面LOAD时间会延长,除非自定义代码重构来实现评论。9月1日已经暂时去掉pjax功能。
7月22日
- 增加了tooltip提示功能;增加了“一句话”特色文章样式;增加了搜索功能。
7月20日
- 修改了默认模板的主题颜色;修改了默认的评论框样式。
- 增加了关于页面;增加了相邻文章链接;归档页面增加了文章热度。
- Animate.css 是一个来自国外的 CSS3 动画库,它预设了抖动、闪烁、弹跳、翻转、旋转、淡入淡出等多达 60 多种动画效果,几乎包含了所有常见的动画效果。 ↩
- pjax 局部加载带有
<script type="text/javascript" src="xxx.js"></script>
的时候,存在无法加载的情况。pjax的机制是自动异步加载html内容,然后会自动将script[src]
的内容加入到<head>
标签最后,但经常会出现问题,这个机制是为了减少js的请求次数,不必每次都加载js,但产生bug的具体原因不明(有知道的请留言)。解决方案:禁止将script[src]
的内容拷贝到<head>
中,牺牲js缓存,也就是每次加载container都加载一次js,问题解决。 ↩