hexo stellar主题下渲染LaTex公式

已于 2023-09-10 20:29:51 修改
阅读量551 收藏 1
点赞数
分类专栏： 博客搭建 文章标签： hexo stellar LaTex
于 2023-04-07 09:32:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/subtitle_/article/details/130004464
版权
文章介绍了如何在Hexo博客中使用KaTeX渲染LaTeX公式，包括卸载原有渲染器，安装hexo-renderer-markdown-it-plus和hexo-math插件。此外，还解决了手机端公式过长的显示问题，通过添加CSS代码实现滚动条功能。
摘要由CSDN通过智能技术生成

其实最新发布的主题已经使用了KaTex进行渲染。

公式支持 - Katex #94

Github上也有很多人讨论这个主题如何渲染LaTex公式：

希望能加入对数学公式的支持 #67

我们只需进行3步：

  1. 卸载原来的hexo-renderer-marked。
npm uninstall hexo-renderer-marked --save
  1. 安装hexo-renderer-markdown-it-plus。
npm install hexo-renderer-markdown-it-plus --save
  1. 最后安装hexo-math，否则会出现公式渲染下还有公式的情况。很关键！

在这里插入图片描述

npm install hexo-math --save

这样就好啦！
在这里插入图片描述

传统配置方式(已经不需要)：在hexo上使用KaTeX

关于手机端上显示公式可能会出现太长无法显示的情况，想像csdn一样显示滚动条，加上代码

blog/themes/stellar/source/css/任意.styl(我在md.styl里添加了代码)：

.katex-block
    overflow-x: scroll
    overflow-y: scroll

在这里插入图片描述

小林up
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
hexo渲染Latex公式（最简单方法）_仅参考
u014155600的博客
02-10 2437
仅使用hexo-renderer-marked和hexo-math进行MathJax公式渲染
Hexo博客中使用Latex
weixin_44191286的博客
10-23 3391
Hexo博客中使用Latex安装Kramed更改文件配置停用hexo-math并安装mathjax更新Mathjax配置文件更改默认转义规则开启mathjax个人主页欢迎访问参考文档 博客中不支持Latex是万万不行滴，而Hexo默认的渲染引擎是marked，但是marked不支持mathjax，所以需要更换Hexo的渲染引擎为hexo-renderer-kramed，主要步骤如下： 安装Kram...
Hexo添加数学公式渲染器
ordinary_brony的博客
08-15 1439
markdown作为非常强大的编辑器，在公式编辑和网页兼容上做的非常不错。但是，还是有非常多没能兼顾的地方，这里就以我正在使用的NexT主题为例详细讲述公式编辑插件的安装。参考教程为ShadowLearner的在Hexo中渲染MathJax数学公式一文。 注：本教程只针对NexT5，因为魔改太多了就没有更新7。
(一)设置hexo支持Latex公式
机器人视觉感知
04-18 1741
hexo设置支持Latex
探索跨平台LaTeX渲染：CSharpMath——将数学公式带到你的指尖！
gitblog_00018的博客
05-24 347
探索跨平台LaTeX渲染：CSharpMath——将数学公式带到你的指尖！ CSharpMathLaTeX. in C#. (ported from the wonderful iosMath project).项目地址:https://gitcode.com/gh_mirrors/cs/CSharpMath 项目介绍 在软件开发的世界中，表达复杂的数学公式和符号一直是挑战，尤其是在跨平台的环境...
LaTeX渲染利器：跨平台的cLaTeXMath库
gitblog_00071的博客
05-24 411
LaTeX渲染利器：跨平台的cLaTeXMath库 MicroTeXA dynamic, cross-platform, and embeddable LaTeX rendering library项目地址:https://gitcode.com/gh_mirrors/mi/MicroTeX 在数学和科学领域，LaTeX是表示复杂公式和符号的金标准。cLaTeXMath是一个强大的动态、跨平台...
在HEXO博客中使用LaTeX公式的简单方法
Loy Fan
04-19 2375
@ LoyFan 建了一个HEXO博客，主题为NEXT，但是在本地编辑好Markdown文本发布上去之后，LaTeX公式都无法正常显示，遂寻找解决方法如下 步骤一 更换Hexo默认渲染引擎 >> sudo npm uninstall hexo-renderer-marked >> sudo npm install hexo-renderer-kramed --save ...
解决hexo框架支持latex数学公式
IT__666的博客
06-30 909
2020/5/23 最近操作系统学习有点难，都要计算什么的，所以要用到数学公式记录笔记，但是hexo next主题默认渲染不支持latex的数学公式。所以今天就要解决这个问题。 1 安装Kramed hexo 的默认渲染引擎是marked，但是marded不支持latex公式，所以要更换hexo的渲染引擎为Kramed。在自己博客目录下开启git bash,分别输入 npm uninstall hexo-renderer-marked -- save npm install hexo-renderer
在Hexo中使用mathjax渲染数学公式
DH's Den
06-12 2130
最近自己搭了一个vps，准备把博客搬到自己的服务器上。 在使用Hexo搭建博客的时候，发现它默认并不支持latex数学公式，在网上找了很多资料，踩了各种坑终于搞定了数学公式的渲染问题。 安装maupassant主题 $ git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant $ npm ins...
用Github Pages+Hexo搭建博客之(十)Hexo博客next主题MathJax数学公式渲染问题
夏普通
10-13 825
【置顶】【专栏】用Github Pages+Hexo搭建博客 文章目录【置顶】【专栏】[用Github Pages+Hexo搭建博客](https://blog.csdn.net/qq_34243930/category_9662425.html)1. 在主题配置中开启mathjax开关2. 在文章的Front-matter里打开mathjax开关3. 重新启动部署Hexo 在用Markdown写技术文档时，免不了会碰到数学公式。 常用的Markdown编辑器都会集成Mathjax，用来渲染文档中的类Lat
hexo-renderer-marked-plus:hexo-renderer 标记了更独特的标题 ID
06-11
hexo-renderer-marked-plus 极大地基于hexo-renderer-marked-plus ，只是在 CSS 样式冲突的情况下修改标题的 id。
TeXpresso：LaTeX实时渲染与错误报告的利器
最新发布
gitblog_00049的博客
06-07 426
TeXpresso：LaTeX实时渲染与错误报告的利器 texpressoTeXpresso: live rendering and error reporting for LaTeX项目地址:https://gitcode.com/gh_mirrors/te/texpresso TeXpresso 是一个正在发展阶段的开源工具，它为LaTeX用户提供了一个即时渲染和错误报告的平台。无论是初学者...
自建latex服务器,手动搭建latex公式渲染服务器
weixin_42512249的博客
08-03 867
codecogs是一个latex公式渲染服务，它根据get请求返回一个svg图片。例如：codecogs，这个服务的缺点是比较慢。本文介绍ubuntu下搭建类似codecogs的公式渲染服务。一、安装latexsudo apt-get install latexsudo apt-get install latex-cjk-chinese二、latex命令介绍latex命令用于把tex文件转换成pd...
Latex数学公式渲染学习
MIAOQIUYAN的博客
12-14 564
Latex环境下数学公式渲染的学习 notice：个别语法与本网站可能不兼容
数学公式的识别渲染Latex及其它
曲折旅程，艰难人生
01-01 1391
数学公式在移动平台和PC上的渲染
使用LaTex添加公式到Hexo博客里
AomanHao的博客
08-03 1738
代码编辑器，强烈推荐使用微软的 VS code，相比Atom开启迅速，使用方便，扩展丰富 第一步： 安装Kramed hexo 默认的渲染引擎是 marked，但是 marked 不支持 mathjax。，所以需要更换Hexo的markdown渲染引擎为hexo-renderer-kramed引擎，后者支持mathjax公式输出。 npm uninstall hexo-rendere...
wangeditor扩展：借用API实现latex的公式渲染
boophan的博客
07-25 1629
用图片来渲染公式，公式不能再编辑，有时候会显得不方便 uniapp的uparser又不识别latex公式，扩展uparser也不容易。 所以向导用latax api来利用网上的latex服务实现latex渲染 方法是加一个菜单,例如Latex，实现把选中的公式添加以下内容： editor.cmd.do('insertHTML','<img src="https://math.now.sh?from='+editor.selection.getSelectionText()+'" alt="[
推荐使用 Stellar：打造你的专业独立博客
gitblog_00043的博客
05-19 393
推荐使用 Stellar：打造你的专业独立博客 项目地址:https://gitcode.com/xaoxuu/hexo-theme-stellar 项目介绍 在数字化的世界中，拥有一个个性化的独立博客是展示自我、分享知识和思想的重要方式。而 Stellar，就是这样一个专为 Hexo 构建的高品质主题，它将帮助你轻松创建出美观且功能强大的博客系统。内置的文档系统和丰富的定制选项，使得 Stell...
hexo 搭建个人博客记录
subtitle_的博客
03-26 847
hexo 搭建个人博客记录
hexo markdown **渲染失败
08-31
您好！对于Hexo Markdown渲染失败的问题，有几个可能的原因和解决方法： 1. 检查Markdown语法：请确保Markdown文件中的语法正确，包括标题、列表、代码块等。可以使用在线Markdown编辑器或文本编辑器进行验证。 2. 检查主题配置：有时候渲染失败可能是由于主题配置问题引起的。请检查你当前使用的Hexo主题的配置文件，并确保没有错误或冲突的设置。 3. 检查插件冲突：某些Hexo插件可能会与Markdown渲染冲突，导致失败。尝试禁用一些插件，然后重新渲染Markdown文件，看是否能解决问题。 4. 更新Hexo和相关插件：确保你正在使用最新版本的Hexo和相关插件，因为旧版本可能存在一些已知的问题。可以通过命令行工具或Hexo官方文档来更新软件和插件。 5. 查看错误日志：如果以上方法都没有解决问题，可以查看Hexo生成网站时的错误日志，以获得更详细的错误信息。错误日志通常位于网站根目录下的logs文件夹中。 希望以上方法能帮助您解决Hexo Markdown渲染失败的问题！如果还有其他疑问，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值