新网站更新

最近更新了一些页面和功能

01

上次没说的，作品页

02

用AJAX的HEAD请求去查询图片大小，点击后加载真正的图片，减少流量消耗，一次HEAD请求大概需要300B（0.0002861兆）流量。不过点击一次后第二次以后会正常加载图片，并不是判断手机是否用的流量，所以还是有点瑕疵。

03

代码高亮插件

以后就可以在上面分享代码啦，插件用的highlight.js，一款支持185种语言高亮的javaScript程序。

PC预览

唯一一点比较坑的是，网上找的教程，可能也是因为没有中文文档，加上教程都大同小异。

网上的教程基本都是hljs.initHighlightingOnLoad();这个函数，但这个只能在第一次进入网页时触发，而对于我的网站，因为用的是无刷新的，整个页面不会有第二次刷新，所以就不会触发onload。

找了半天解决方法，发现只需要用hljs.highlightBlock(block);这个函数代替就可以了，而且这个可以加载任意一个传入的block元素。

比如：

HTML：

javaScript：

varid=document.getElementById('code');

hljs.highlightBlock(id);

这样就完事了（文章中的代码颜色是我自己加的 233）

不过当然，首先你需要加载它的JS和CSS代码才能正常使用。

好啦，就分享到这儿。

网站更新记录写在了 GitHub 的项目 README.md 里了