wordpress代码高亮显示

从写博客到现在,都不记得到底换了多少个代码高亮插件,结果到现在还是没有一个好用的。每个都存在各种问题,有的是不兼容,有的是不再更新,有的是造成博客页面打不开,反正是各种换。现在又找到一种新的方法,本地+网络相结合,不再使用插件,希望能顶住较长一段时间。

具体步骤为:

1,拷贝文件 highlight.css 到主题目录下。

2,在主题头文件 header.php 的 </header>之后,</header> 之前添加:

  1. <link rel=“stylesheet” href=“<?php bloginfo(‘template_url’); ?>/highlight.css” />  

3,记住以下两个网站:

在线代码高亮转换

在线C语言格式化

4,在上述两个网站中进行在线转换。将格式化后的代码进行高亮转换,然后复制 html 代码,粘贴到wordpress的文本框,记住一定要粘贴到文本框,最好不要粘贴到可视化框

5,最后进行字体、字号调整等操作,以免在文本框粘贴时格式符太多,不容易查找粘贴位置。

高亮效果:

转换前:
#include <iostream>

int main()
{
std::cout << “Hello World!” << std::endl;
return 0;
}

转换后:

  1. #include <iostream>  
  2.   
  3. int main()  
  4. {  
  5.     std::cout << “Hello World!” << std::endl;  
  6.     return 0;  
  7. }  
打赏
原文链接:,转发请注明来源!
STM

发表评论