博客中插入公式

       我们在写博客时,有时可能需要插入一些数学公式,而如果我们将公式截屏上传照片的话,过程会比较繁琐,下面我给大家介绍另一种简单粗暴的方法。

1,在我们写博客的大方框上面有一些小图标蕴藏着大能量,首先我们需要找到这个小图标,它就蕴藏着插入数学公式的大功能

2,然后将它点开,你会看到一个这样的界面

3,接下来你就可以在黄色的框里编辑公式了,你所需要做的就是在灰色的小框框里寻找你要的公式,如下图所示

4,到这里你基本就可以成为博客插公式高手了()如果灰色的小框框里没有你需要的公式,你可以手写代码进去)

       如果你的优快云的大方框内没有数学公式这个的小图标的话,可以参考这个网址https://blog.youkuaiyun.com/erlingmusan/article/details/8484316 来进行编辑数学公式。

### 如何在 Hexo Butterfly 主题中添加和显示数学公式 要在 Hexo 的 Butterfly 主题中实现数学公式插入与显示,可以通过引入 MathJax 或 KaTeX 来完成。以下是具体的方法: #### 方法一:通过安装 `hexo-renderer-mathjax` 插件来支持 LaTeX 数学公式 1. **卸载旧插件** 如果之前已经安装了其他用于处理数学公式的插件(如 `hexo-math`),可以先将其卸载以避免冲突: ```bash npm uninstall hexo-math --save ``` 2. **安装新插件** 接下来安装 `hexo-renderer-mathjax` 插件: ```bash npm install hexo-renderer-mathjax --save ``` 3. **修改 `_config.yml` 文件中的配置** 找到并编辑 Hexo 网站根目录下的 `_config.yml` 文件,在其中启用 MathJax 支持。通常可以在文件的最后部分找到如下字段,并确保其被正确设置为 true: ```yaml mathjax: enable: true ``` 4. **测试效果** 编辑一篇新的文章或者更新现有的文章,尝试插入一些简单的 LaTeX 公式,例如 `$E=mc^2$` 或者 `$$\int_a^b f(x)\,dx$$`。 #### 方法二:手动集成 KaTeX 到 Butterfly 主题 如果更倾向于使用轻量级的 KaTeX 而不是 MathJax,则可以选择此方法。 1. **下载 KaTeX 库** 可以通过 CDN 集成 KaTeX,无需额外安装依赖项。打开主题的布局文件夹 `/themes/butterfly/layout/_partial/after-footer.ejs` 并加入以下代码片段: ```html <!-- Load KaTeX CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css"> <!-- Load KaTeX JS --> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/contrib/auto-render.min.js" onload="renderMathInElement(document.body);"></script> ``` 2. **调整 Markdown 渲染规则** 对于某些情况下默认的渲染规则可能无法兼容 KaTeX 表达式,因此需要自定义解析逻辑。参考一种常见的解决方案是在站点全局脚本中重新定义文本格式化函数[^4]: ```javascript function formatText(text) { return text; } ``` 以上两种方式均能有效解决 Butterfly 主题下对数学公式的展示需求[^1]。 ```python def example_math(): """演示如何在 Python 中嵌入 LaTeX""" latex_formula = "$$\n\\sum_{i=1}^{N} i = \\frac{N(N+1)}{2}\n$$" print(f"Here is an example of a mathematical formula:\n\n{latex_formula}") ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值