Npcink Blog
切换菜单

KaTeX - WordPress 的 KaTeX 公式插件

您可以在 WordPress 网站上使用最快的 TeX 数学排版引擎 。 您可以在 [katex]...[/katex]简码内或古腾堡区块中包含 TeX

最后更新于
本页目录3 节

这款 WordPress 插件用的人应该蛮少的，适合一些比较专业领域的博主使用,可以在 WordPress 上展示数学公式。

**详情

通过 KaTeX WordPress 插件，您可以在 WordPress 网站上使用最快的 TeX 数学排版引擎 。

您可以在 [katex]…[/katex]简码内或古腾堡区块中包含 TeX。 无论哪种方式，数学公式符号都会在您的网站上完美呈现。 使用古腾堡（Gutenberg）区块时，方程将立即在编辑器中呈现！

块中的方程式或使用[katex display=true]…[/katex]简码的方程式将以显示模式在页面上呈现（带有较大的符号），并以其各自的行为中心。

为了与其他 LaTeX 插件兼容，该插件可以选择支持 [latex]…[/latex]短代码。

您可以选择自己提供服务或通过第三方 jsDelivr CDN 提供服务。

细节展示

区块

该插件提供了 1 个区块.katex /显示块 KaTeX

一些代码

头部

<link rel="stylesheet" href="https://cdn.bootcss.com/KaTeX/0.11.1/katex.min.css">
<script defer src="https://cdn.bootcss.com/KaTeX/0.11.1/katex.min.js"></script>
<script>
var katex_config = {
delimiters:
  [
    {left: "$$", right: "$$", display: true},
    {left: "$", right: "$", display: false}
  ]
};
</script>
<script defer src="https://cdn.bootcss.com/KaTeX/0.11.1/contrib/auto-render.min.js" onload="renderMathInElement(document.getElementsByClassName('jinsom-main-content')[0],katex_config)"></script>

底部

<script>
var jinsom_post_status=1;
function jinsom_post(type,obj){
if($('.jinsom-load-post').length==0){
$('.jinsom-post-list').prepend(jinsom.loading_post);}
if(jinsom_post_status==0){return false;  }
$(obj).addClass('on').siblings().removeClass('on');
author_id=$(obj).attr('author_id');
jinsom_post_status=0;
$.ajax({
type: "POST",
url:jinsom.jinsom_ajax_url+"/data/post.php",
data: {type:type,author_id:author_id},
success: function(msg){
$('.jinsom-post-list').html(msg);
jinsom_post_js();
jinsom_post_status=1;
renderMathInElement(document.body,{
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "$", right: "$", display: false}
]
});}});}
</script>