本文编写于 360 天前,最后修改于 360 天前,其中某些信息可能已经过时。

Katex终于实现pjax无刷公式显示了

之前开启了pjax后虽然无刷体验很好,但是博客页的公式死活不显示

今天狠狠心去看了源码,终于搞好了

步骤

首先下载MarkdownKatex for typecho这个插件

保证主题开启pjax的情况下正常安装插件

安装之后katex正常加载,但发现单独进一个页面公式并不显示,需要刷新才能显示

所以去看一看作者源码

发现在载入cdn的js后执行了一串渲染函数

$('katex-inline').each(function(i,e){t=$(this);h=t.html();try{katex.render(t.text(),e,{displayMode:false,throwOnError:false});}catch(b){t.html(h);console.warn('parse ' + h + ' error:' + b)}});
$('katex').each(function(i,e){t=$(this);h=t.html();try{katex.render(t.text(),e,{displayMode:true,throwOnError:false});}catch(b){t.html(h);console.warn('parse ' + h + ' error:' + b)}});

所以把这个填写到主题的pjax回调函数里

发现可以实现无刷公式渲染了

成功