js

2021

点击再载入 Disqus 的评论模块

本博客采用了 Disqus 的评论系统,然而遗憾评论数非常少,所以每次都直接载入评论模块感觉会浪费带宽和流量。所以我希望实现 Lazy Load 方式载入评论,即只要用户点击一个按钮之后才会显示评论模块。

Jun 16
公式离线渲染的性能问题

之前我在 Hexo + Mathjax: 公式离线渲染 介绍了在服务器端,也就是 Hexo 端渲染时就将 Mathjax 公式渲染成 Html 的方法。不过随着文章数量的增加,Hexo 渲染时会出现并发渲染公式的页面太多导致服务器内存溢出的问题(我用一个小虚拟机来做服务器博客后端,内存只有 2 GB)。因此有必要控制公式渲染的并发数。另一方面,公式渲染时纯 CPU 计算过程,不涉及 IO,因此使用异步函数加速意义也不太大。因此我们的核心思想是把之前实现的异步渲染版本换成同步渲染。

Jun 09
CSS 技巧:Scroll-Then-Fixed

这里说的 Scroll-Then-Fixed 是指在网页中有一些元素开始时可以跟随内容滚动,而待滚动到特定位置之后这些元素的位置保持不动,不会跟着内容滚动到看不见的区域。

Jun 05

2020

字体动态载入问题

最近博客改用了思源字体,字体好看是好看,不过毕竟不是默认的字体,需要做动态载入(动态载入的教程可以看这个链接)。不过中文字体的体积比较大,如果客户端的操作系统上已经安装了思源的字体,那么就不需要再从服务器下载地址了。

Apr 20

2019