作者:
最后更新于 | 最初发布于 | 分类: 网站开发技术
前几天,总感觉 MovableType 自带的模版有些过时,虽然也是用的自适应的设计,但是用的 javascript 库太旧了,比如它用的 jQuery 是2.1.4 版本的,有安全漏洞。
如果要自己改它的模版呢?还是有一定的困难,毕竟不了解它的用法,查官方文档吧,也比较旧,没有新版本的。
所以呢,就用了我比较熟悉的 Bootstrap 的模版,在此基础上修改的。
看看目前的样子。
使用 Google Mobile-Friendly Test 测试,看看移动设备的兼容性如何。毕竟是按照 Bootstrap来制作的,完全在移动设备上没有问题。
在使用 https://ready.mobi 网站测试工具的时候,显示的也没有什么问题。
新模版,是基于 Bootstrap Blog Templates,然后重写了 MovableType 的模版引擎,把首页和各种归档页面都改写了。没有使用什么花里胡哨的图片,基本就上就是原汁原味。
除了模版的替换之外,还做了下面这些修改:
只是,我对于这个结果还是不够满意的。这里还是有优化的地方的。
从评测结果来看,性能分数低,有很大的改善空间,这部分会是优化的一个重点。
这里还有一个问题,这个分数是一个指标,但是实际上我是用的时候的感觉又是另一个感受。在我是用桌面电脑,以及手机访问网站的时候,都是很快的,没有感觉有多少延迟,不知道各地的朋友们是如何。
用此工具测试结果基本同我的使用感受相同。
这才是我实际使用的感受。
移动模式测试下来的性能分数也是 100。