首页 新闻 会员 周边 捐助

如何在目录也渲染latex格式

0
悬赏园豆:10 [已解决问题] 解决于 2025-12-13 16:23

https://www.cnblogs.com/ProJon/articles/19309310

右边目录:“10textcircledfraisebox{-0...”
的latex没有显示
1ffe2e037b48bc18bf9f72d74c4d382f

我目前用的是simplememory皮肤

ProJon的主页 ProJon | 菜鸟二级 | 园豆:201
提问于:2025-12-10 09:26
< >
分享
最佳答案
1

没写过博客,不过你出问题的地方没有起始符和结束符,所以没有渲染

// 引入 auto-render.js 
<script src="../libs/auto-render.js"></script>
<script type="text/javascript" defer>
  document.addEventListener('DOMContentLoaded', function () {
    renderMathInElement(document.body, {
      // 自定义选项
      // • auto-render 指定解析格式
      delimiters: [
        { left: '$$', right: '$$', display: true },
        { left: '$', right: '$', display: false },
        { left: '\\(', right: '\\)', display: false },
        { left: '\\[', right: '\\]', display: true },
      ],
      // • 不抛出异样,而是渲染公式源码
      throwOnError: false,
    })
  })
</script>

正常的:

有问题的:

加上起始符,结束符 \( \) 修正的:

收获园豆:8
www378660084 | 小虾三级 |园豆:1715 | 2025-12-10 10:53

你好,请问你这个代码是放哪?还有你说加入( ) 是要手动的对吧?

在写的时候是这样的。
那个目录是自动产生的(应该是simplememory皮肤里自带的)

ProJon | 园豆:201 (菜鸟二级) | 2025-12-10 11:17

@ProJon: 我试了一下,是js执行顺序的问题. 等SimpleMemory执行完了,再去渲染公式,结果就是对的
具体方法,把选项里的katex公式关了,然后设置里的html代码加上以下代码
我没发现什么好的办法等 SimpleMemory执行完,所以加了个延迟等了一下

<link id="katex-style" href="https://assets.cnblogs.com/katex/0.16.21/katex.min.css" rel="stylesheet" type="text/css">
<script id="katex" src="https://assets.cnblogs.com/katex/0.16.21/katex.min.js" type="text/javascript" async=""></script>
<script id="katex-auto-render" src="https://assets.cnblogs.com/katex/0.16.21/contrib/auto-render.min.js" type="text/javascript" async=""></script>
<script type="text/javascript">
function checkSimpleMemoryDone(){
  if(!document.getElementById('articleDirectory')){
    setTimeout(checkSimpleMemoryDone, 100);
    return;
  }
  renderMathInElement(document.body, {
    delimiters: [
      {left: "$$", right: "$$", display: true},
      {left: "$", right: "$", display: false}
    ]
  });
}
setTimeout(checkSimpleMemoryDone, 100);
</script>
www378660084 | 园豆:1715 (小虾三级) | 2025-12-10 17:44

@www378660084:
我关掉了”启用数学公式支持“
2e571af94560d669ee1f616358695628
结果类似6965746793be56030e557dce77cd2a54

ProJon | 园豆:201 (菜鸟二级) | 2025-12-12 16:22

@www378660084: 好吧,你这个确实可以,但是 $$ x$$ 这种就不行

ProJon | 园豆:201 (菜鸟二级) | 2025-12-13 16:22
其他回答(2)
1

如果你真的需要在目录那个地方支持 Latex ,你可以翻阅生成目录的 js 代码,然后做转义修改。

其实,在标题里面想使用公式,其实是一个我认为非常奇怪的事情,实际上,我目前没见过把公式写到标题里面。对于圆圈序号,只要你的数字不是特别大,emoji 完全够用,比如我的 ① ② ③ ,这个系统都会支持的。对于规则 2 的数字强调,你可以使用加粗、斜体等特殊格式来描述。

收获园豆:2
寂静的羽夏 | 园豆:2386 (老鸟四级) | 2025-12-10 12:49

好吧

支持(0) 反对(0) ProJon | 园豆:201 (菜鸟二级) | 2025-12-11 13:12
0

你的博客模板挺好看啊,可以分享下么。

蒋正平 | 园豆:204 (菜鸟二级) | 2025-12-11 04:41

easymemory

支持(0) 反对(0) ProJon | 园豆:201 (菜鸟二级) | 2025-12-11 13:12
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册