高亮你的代码 syntaxhighlighter使用初步_syntaxhighlighter 主题-CSDN博客

本文链接：https://blog.csdn.net/qq_44884577/article/details/89434239

本文介绍了SyntaxHighlighter这一强大的代码高亮工具，它支持31种编程语言的语法高亮，内置多种主题，并提供了详细的构建和使用指南。通过简单的步骤，可以将代码格式化为美观的HTML、CSS和JavaScript展示。

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

首先给大家分享一个巨牛巨牛的人工智能教程，是我无意中发现的。教程不仅零基础，通俗易懂，而且非常风趣幽默，还时不时有内涵段子，像看小说一样，哈哈～我正在学习中，觉得太牛了，所以分享给大家！点这里可以跳转到教程

syntaxhighlighter功能太强大了，支持的语法包括applescript,as3, base, bash, coldfusion, cpp,csharp, css, delphi, diff, erlang, groovy,haxe, java, javafx, javascript, perl,php, plain, powershell, python, ruby,sass, scala, sql, swift, tap, typescript,vb, xml等31种，几乎涵盖了流行的所有编程语言，实在是代码讲解的必备利器。

syntaxhighlighter还能够支持代码主题切换，目前的官方主题有base、default、django、eclipse、emacs、fadetogrey、mdultra、midnight、rdark、swift等10种主题，并支持自定义主题。

syntaxhighlighter官方并没有提供最新的可执行JS架构，需要自己编译构建(注意必须首先安装好nodejs环境)，方法如下：

1. $ git clonehttps://github.com/syntaxhighlighter/syntaxhighlighter.git

2. $ cd syntaxhighlighter

3. $ npm install

4. $ gulp setup-project

5. $ gulp build all

构建完成后，从syntaxhighlighter项目下的dist文件下拷贝syntaxhighlighter.js、theme.css拷贝到自己的项目中，在自己的HTML文件引入syntaxhighlighter.js、theme.css，然后按照规定的格式输入代码即可，如下：

functionfoo()

{

if (counter <= 10)

return;