Dec 18

为WordPress添加SyntaxHighlighter支持只需遵循一下步骤:

  • 为页面新增对基础文件的引用:shCore.js和shCore.css。
  • 添加合适的笔刷文件,每种语言对应一个笔刷文件。
  • 引用shCore.css和shThemeDefault.css。
  • 调用SyntaxHighlighter.all()函数,完成。
  • 具体到WordPress上,只需在主题header.php文件中的标签内加入以下代码:

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    引用时需在HTML编辑条件下使用

    
    

    即可,具体如下:

    需要高亮的代码

    我不会修改样式,只是将右边的滚动条去掉了,其余的都是使用的是官方默认的配置,我觉得默认的配置已经很好看了,不需要怎么修改了。

    Leave a Reply