WordPress显示数学公式:WP-KaTeX插件 + VS Code Markdown Math插件

Categories Wordpress建站
WordPress显示数学公式:WP-KaTeX插件 + VS Code Markdown Math插件

前言

    最近希望在了解一些机器学习的相关知识,并在博客里做一些记录。先从著名的Tom Mitchell大神的《机器学习》开始。奈何发现数学公式过多,用WORDPRESS使用MARKDOWN编辑器里介绍的方法做笔记,想添加公式发现力不从心。经过搜索,摸索到后文的方法。

本地编辑:VS Code + “Markdown+Math”插件

工具准备

    1. 打开Visual Studio Code, Ctrl+Shift+X打开插件搜索框
  1. 安装并重启VS Code

Markdown+Math

工具使用

    Markdown+Math让使用者可以输入LaTex格式的数学公式,使用数学公式渲染库KaTeX输出公式的样式。 使用Markdown+Math非常简单,只需要在美元符号中间输入需要的Tex数学公式即可。

    • 若是一行文本内的插入公式,公式前后各一个美元符号,例如:”$a^2+b^2=c^2$”.
  • 若是单行仅公式,则使用$$公式$$。例:

\({\tilde V} = w_0+x_1w_1+x_2w_2+…+x_nw_n\)

    更多LaTeX数学公式可以参考LaTex简介文档的”数学公式”一节。

发布到Wordpress

    由于没有对应的CSS档,如果将上文里的公式直接拷贝到Wordpress编辑器,漂亮的数学公式立马失效。 WP-KaTex

          这时候需要Wordpress插件出场。

    • 在Wordpress后台搜索”WP-KaTeX”插件并安装
    • 启用插件
  • 建议在插件设置页面勾选上“Use jsDelivr to load files”,使用CDN加速公式显示公式的脚本加载

WP-KaTex

  • 数学公式的左右增加“(latex)”和“(/latex)”,()换成[]例如:
\({\tilde V} = w_0+x_1w_1+x_2w_2+…+x_nw_n\)

     这边可以用Notepad++的查找/替换功能+正则表达式做语法替换,替换规则参考:

    • 查找“\$\$(.+)\$\$”
    • 替换为(latex)\1(\latex) -> 注意:本博客latex相关语法插件已经生效,圆括号()要换成方括号[]
  • 参考下图

正则替换

    查找样式表示查找由两边各两个美元符号包含的任意样式,圆括号表示要标记的字段,接下来会引用。因为美元符号在正则表达式有特殊含义,查找其必须使用斜杠做转义。 替换样式中最关键的就是红色字体\1了,表示刚刚查找样式的第一个圆括号标记。 更多正则表达式语法可以参考这里

总结

    Wordpress原生对Markdown支持较差,目前所使用方法为暂解。希望之后Wordpress可以增加Markdown支持吧。

        另外,机器学习入门解惑推荐博友OldPAN的<一篇文章解决机器学习入门疑惑>

猜你喜歡

升級到WordPress 4.9.8 Wordpress後台最近一直在推送Gutenberg(古騰堡)編輯器。本想直接打開試試,發現Wordpress必須升級到新版才可。 做完備份,便做了升級,第一時間試用了古騰堡,發現與原生編輯器完全不同。但是各有利弊。 好處如下: 界面更大氣好看 如下圖: 所有文章標題、段落、圖...
WordPress-写插件增加小工具(Widget)的方法... 写这篇文章的目的,是因为在使用WP-MulticolLinks插件时,发现只能增加一个小工具(Widget)到工具栏。如下图,这样没有办法按照类别增加多列友链小工具。 于是对该插件做了修改,可以支持在后台拖动多个多列友情链接小工具。 以下是在插件中增加代码实现多列的方法:...
WordPress:解决Autoptimize+Enlighter插件冲突 最近博客增加了不少图片,头部也增加了不少自定义代码,导致页面打开速度变慢。便在后台给博客增加了Autoptimize插件压缩一下CSS和JS脚本,以减小页面大小。安装后,整体运行速度的确有提高。但是打开类似文章《LINUX电源管理介绍-1》后,发现里边的Enlighter代码高亮全不见了。如下图:...
WordPress-使用七牛云存储测试域名过期问题解决... 博客目前空间很小,一直使用的是七牛云做免费图床 今天登录控制台,发现七牛云公告,测试域名会有过期时间。好在七牛提供了绑定自己所需域名的方法,操作步骤如下:  七牛融合 CDN 测试域名(以 clouddn.com/qiniucdn.com/qiniudn.com/qnssl.com/...
WordPress: 简单修改七牛云图床插件支持Gutenburg(古腾堡)... 前言 博客空间有限,一直使用七牛云图床和开心洋葱的图床插件做图片上传。之前按照《升級到WORDPRESS 4.9.8》介绍更新古腾堡编辑器后,发现插件失效。本文介绍简单修改,让Gutenberg后台仍可使用插件做图片上传。 注:本文修改简单,并非实现Gutenberg Block,若您...

版权声明:本站文章除非特别声明,均为L&H原创。允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。

本文链接:WordPress显示数学公式:WP-KaTeX插件 + VS Code Markdown Math插件 @ L&H site


1 thought on “WordPress显示数学公式:WP-KaTeX插件 + VS Code Markdown Math插件

发表评论

电子邮件地址不会被公开。 必填项已用*标注

14 − = 6

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据