Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Latex 不支持 #897

Closed
sherlcok314159 opened this issue May 29, 2024 · 7 comments
Closed

Latex 不支持 #897

sherlcok314159 opened this issue May 29, 2024 · 7 comments
Labels
bug Something isn't working

Comments

@sherlcok314159
Copy link

我按照目前教程上的 latex 进行适配,结果是不适配的,也详细阅读相关文档:https://artalk.js.org/guide/frontend/latex.html

下面是相关代码

<link
  rel="stylesheet"
  href="https://unpkg.com/katex@0.15.3/dist/katex.min.css"
/>
<script defer src="https://unpkg.com/katex@0.15.3/dist/katex.min.js"></script>
<link href="https://comment.yunpengtai.top/dist/Artalk.css" rel="stylesheet" />
<script src="https://comment.yunpengtai.top/dist/Artalk.js"></script>
<script src="https://unpkg.com/@artalk/plugin-katex/dist/artalk-plugin-katex.js"></script>

<div id="Comments"></div>
<script>
  Artalk.init({
    el: "#Comments", // 绑定元素的 Selector
    pageKey: "",
    pageTitle: "",
    server: "https://comment.yunpengtai.top", // 后端地址
    site: "Tai's Blog", // 你的站点名
  });
</script>

运行截图:

image

另外,目前看 doc 下方评论也是不支持的

image
@qwqcode
Copy link
Member

qwqcode commented May 30, 2024

刚刚更新了 Artalk 的 LaTex 集成插件,应该修好了 :)

image

@sherlcok314159
Copy link
Author

图片

恐怕还是没有,麻烦你贴一些具体的代码,我看你的 doc 实际用的 katex 和 doc 里写的版本都不一致

@qwqcode
Copy link
Member

qwqcode commented May 31, 2024

升级 Katex 试试,文档 Katex 更换了版本号

<link rel="stylesheet" href="https://unpkg.com/katex@0.16.7/dist/katex.min.css" />
<script defer src="https://unpkg.com/katex@0.16.7/dist/katex.min.js"></script>

@sherlcok314159
Copy link
Author

还是不行

<link
  rel="stylesheet"
  href="https://unpkg.com/katex@0.16.7/dist/katex.min.css"
/>
<script defer src="https://unpkg.com/katex@0.16.7/dist/katex.min.js"></script>

<link
  href="https://cdnjs.cloudflare.com/ajax/libs/artalk/2.8.6/Artalk.css"
  rel="stylesheet"
/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/artalk/2.8.6/Artalk.js"></script>
<script src="https://unpkg.com/@artalk/plugin-katex@latest/dist/artalk-plugin-katex.js"></script>

@qwqcode
Copy link
Member

qwqcode commented May 31, 2024

试试删一下 katex 的 js <script> 标签的 defer 属性:

<script src="https://unpkg.com/katex@0.16.7/dist/katex.min.js"></script>

@sherlcok314159
Copy link
Author

给其他踩坑的同学补充一下,产生这个原因就是因为 katex.js 没有加载完全就开始渲染网页其他部分,下面资料来自思否

defer 的意思是延迟(Deferred),在 HTML4.01 规范中规定:

设置后,这个布尔属性会向用户代理提示该脚本将不会生成任何网页内容(例如,JavaScript中不会生成 “document.write”),因此,用户代理可以继续解析和渲染。

也就是说,在加上 defer 属性后,浏览器会继续解析、渲染画面,而不会因为需要载入<script> 内的资源而卡住;

@qwqcode
Copy link
Member

qwqcode commented May 31, 2024

感谢反馈!回头我改下文档🤣

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants