# 代码高亮

代码高亮目前包含三套主题配色,分别是 Stack Overflow(浅色)、VS2015(深色)、Sunburst(高对比度)。主题支持 30 多种语言的代码高亮,

下面是支持的代码高亮主题:

Facile代码高亮主题

代码块的行号可以选择开启或关闭。

# 支持的语言

下面是支持代码高亮的语言:

  • Apache
  • Bash
  • C#
  • C / C++
  • CSS
  • CoffeeScript
  • Dart
  • Dockerfile
  • Go
  • HTML, XML
  • HTTP
  • JSON / JSON with Comments
  • Java
  • JavaScript
  • Kotlin
  • Less
  • Lua
  • Makefile
  • Markdown
  • Matlab
  • Nginx
  • Objective-C
  • PHP
  • Perl
  • Python
  • PowerShell
  • Ruby
  • Rust
  • SCSS
  • SQL (Structured Query Language)
  • Shell Session
  • Swift
  • TOML, also INI
  • TypeScript
  • YAML

如果您需要自己定制代码高亮的语言可以参考 highlight.js 一个在网页上实现代码高亮的JS库 (opens new window) 这篇文章,下载后直接替换 js 目录中的 highlight.pack.js

# 自定义代码块颜色主题

进入主题设置,把 代码块颜色主题 设置为 自定义

自定义代码块颜色主题 输入 highlight.js 的配色 CSS URL,也可以直接粘贴 highlight.js 的 CSS 代码。

访问 https://cdnjs.com/libraries/highlight.js (opens new window) 可以获取 highlight.js 的 CSS,你可以选择一个需要的 CSS 主题拷贝地址:

highlight.js CDN 页面

拷贝后可以直接粘贴到 自定义代码块颜色主题 使用。

如果你感觉 CDN 加载太慢,你也可以在浏览器地址栏打开 CSS,把 CSS 代码拷贝到 自定义代码块颜色主题 粘贴使用:

Facile主题粘贴 highlight.js CSS 代码

要查看不同颜色主题的效果可以访问 https://highlightjs.org/demo (opens new window)

使用自定义代码块颜色主题时,建议关闭 代码块显示行号 ,主题的代码块行号只能适配内置的代码块颜色主题。