博客园Markdown模式的MATLAB代码高亮方案

最新推荐文章于 2024-01-09 17:10:20 发布

weixin_30872671

最新推荐文章于 2024-01-09 17:10:20 发布

阅读量3.7k

点赞数 2

文章标签： matlab markdown javascript ViewUI

原文链接：http://www.cnblogs.com/gshang/p/11484605.html

版权

本文介绍了如何解决在博客园Markdown模式下MATLAB代码高亮显示的问题。通过理解语法高亮的基本内容，定制CSS样式和JavaScript正则匹配，以及博客园后台的配置，实现了MATLAB代码的高亮。然而，这种方法会导致代码块的复制功能失效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

博客园随笔写作可以使用 Markdown 进行编辑，当展示代码时，可以使用下面的语法来对代码块进行展示：

```language
code-content
```

一般来说，指明了 language 后，应该是可以是实现语法高亮的。其基本原理就是将代码中的 关键字 、变量 、函数 等待字符做正则化匹配，将纯文本的代码内容分块，与固定语法内容的着色方案(css样式)对应上。

然鹅！！大部分编程语言都能实现较好的高亮，而 Matlab 效果却很差，语法样式是错误的！看着很不舒服。

就像下面这样：

% 为输出创建文件
!touch testFile.txt
fid = fopen('testFile.txt','w');
for i = 1:10
    frprintf(fid,'%6.2f \n',i);
end

作为强迫症的我想把 Matlab 代码高亮变成和 Matlab软件中高亮方式一模一样。话不多说，开干！

在改造之前，首先得理解语法高亮的基本内容。

一般来说，作为一种编程语言，都包括以下基本语法项目：

以上这些，就是作为一个语法高亮方案，所需要匹配的基本内容。这些语法项目，都会有一定的规律(不然怎么叫语法)，通过正则表达式，可以将写好的代码块中，对应的语法基本项目匹配出来。比如你的代码中有很多个 if ，那么通过正则表达式，就可以将他们全部匹配到。

当匹配到基本的语法项目后，将他们贴上对应的样式标签，例如对于匹配到的 if ，将其贴上关键字标签：

<span class="matlab-keyword">if</span>

这样，if 这个关键字就会被 matlab-keyword 样式着色。其他的也和这个一样，贴上对应的样式即可。