公式编译建议
Closed this issue · 2 comments
hermitlsr commented
我使用了您在 readme 中推荐的公式编译插件,效果并不理想。我的是数学笔记设计很多复杂公式。
于是我使用 hexo-renderer-markdown-it-plus
渲染器解决了这一问题,该渲染器完美支持 KaTeX
使用步骤:
- 卸载原有的渲染器,安装新的渲染器
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-markdown-it-plus --save
- 在主题根目录设置文件中设置
_config.yml
:
## 原始设置
highlight:
enable: false
## 新增
markdown_it_plus:
highlight: true
html: true
xhtmlOut: true
breaks: true
langPrefix:
linkify: true
typographer:
quotes: “”‘’
plugins:
- plugin:
name: markdown-it-mark
enable: false
- 在
/themes/material-x/layout/_partial/head.ejs
中最后一行添加:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<!-- The loading of KaTeX is deferred to speed up page rendering -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
onload="renderMathInElement(document.body);"></script>
wujun234 commented
👍欢迎提交合并到 readme 里