# @catppuccin/highlightjs 中文文档

规范地址：https://npmcn.com/package/%40catppuccin/highlightjs/

版本：1\.0\.1
npm 元数据更新时间：2025-03-28T17:51:00.873Z
中文译文更新时间：2026-11-09T04:51:24.640Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40catppuccin/highlightjs
原文对照：https://npmcn.com/package/%40catppuccin/highlightjs/?lang=original
项目主页：https://github.com/catppuccin/highlightjs#readme
源码仓库：https://github.com/catppuccin/highlightjs

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：28.7 kB，20 个文件
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2023-02-05T18:16:00.164Z
- 最新版本发布：2025-03-28T17:51:00.470Z
- 近 30 天下载量：29702（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：10（近 12 个月 0 个）

## 中文简介

用于 Highlight.js 的松动面板主题

## 安装

```sh
npm install @catppuccin/highlightjs
```

也可以使用：`pnpm add @catppuccin/highlightjs`、`yarn add @catppuccin/highlightjs`、`bun add @catppuccin/highlightjs`

## README

### ![Logo](https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png)  
![](https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png) 产品 [突出内容.js](https://github.com/highlightjs/highlight.js) ![](https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png)

[![](https://img.shields.io/github/stars/catppuccin/highlightjs?colorA=363a4f&colorB=b7bdf8&style=for-the-badge)](https://github.com/catppuccin/highlightjs/stargazers) [![](https://img.shields.io/github/issues/catppuccin/highlightjs?colorA=363a4f&colorB=f5a97f&style=for-the-badge)](https://github.com/catppuccin/highlightjs/issues) [![](https://img.shields.io/github/contributors/catppuccin/highlightjs?colorA=363a4f&colorB=a6da95&style=for-the-badge)](https://github.com/catppuccin/highlightjs/contributors)

![](https://npmcn.com/package/%40catppuccin/highlightjs/assets/preview.webp)

## 预览

拉铁 ![](https://npmcn.com/package/%40catppuccin/highlightjs/assets/latte.webp)  费拉佩 ![](https://npmcn.com/package/%40catppuccin/highlightjs/assets/frappe.webp)  马奇托 ![](https://npmcn.com/package/%40catppuccin/highlightjs/assets/macchiato.webp)  {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}莫查 {\\fn黑体\\fs22\\bord1\\shad0\\3aHBE\\4aH00\\fscx67\\fscy66\\2cHFFFFFF\\3cH808080}你觉得呢 ![](https://npmcn.com/package/%40catppuccin/highlightjs/assets/mocha.webp) 

## 使用量

在加价中添加您喜欢的口味 CSS 。 您可以从 npm 获取文件, 或是通过 CDN .

### 无

安装 `@catppuccin/highlightjs` 包含您首选的软件包管理器的软件包.

```bash
npm install -D @catppuccin/highlightjs
```

然后,您可以使用文件在 `@catppuccin/highlightjs/css` 或者说 `@catppuccin/highlightjs/sass`。 。 。 .

### 光盘N

装入 [突出显示.js 脚本](https://highlightjs.org/download/) 以及我们的主题之一.

> \[注\] “可变版本”假设您在您的 CSS 变量中已经存在 Catppuccin 的口味,以任何颜色格式(如:. `--ctp-mauve: rgb(136, 57, 239)`, (中文(简体) ), `--ctp-mauve: #8839ef`, (中文(简体) ), `--ctp-mauve: hsl(266deg, 85%, 58%)`(见e/cn.4/sub.2/2002/l.48等). 如果您使用 [TailwindCSS 产品](https://github.com/catppuccin/tailwindcss),当您的变量采用三个逗号分隔的 RGB 格式时 数值(例如). `--ctp-mauve: 136,57,239`),您应当使用"rgb变量"版本.

#### (单位:公斤)

```html
<link rel="stylesheet" href="//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-latte.css">
<link rel="stylesheet" href="//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-frappe.css">
<link rel="stylesheet" href="//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-macchiato.css">
<link rel="stylesheet" href="//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-mocha.css">
<!-- Variable version -->
<link rel="stylesheet" href="//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.css">
<!-- Variable version with !important (higher specificity) -->
<link rel="stylesheet" href="//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.important.css">
<!-- RGB variable version -->
<link rel="stylesheet" href="//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.rgb.css">
<!-- RGB variable version with !important (higher specificity) -->
<link rel="stylesheet" href="//unpkg.com/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.rgb.important.css">
```

#### 日记

```html
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-latte.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-frappe.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-macchiato.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-mocha.css">
<!-- Variable version -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.css">
<!-- Variable version with !important (higher specificity) -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.important.css">
<!-- RGB variable version -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.rgb.css">
<!-- RGB variable version with !important (higher specificity) -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/highlightjs@1.0.1/css/catppuccin-variables.rgb.important.css">
```

## 谢谢

-   [安德烈亚斯·格拉芬](https://github.com/andreasgrafen)
-   [温通](https://github.com/nekowinston)

![](https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true)

版权: 2021年至今 [猫头鹰](https://github.com/catppuccin)

[![](https://img.shields.io/static/v1.svg?style=for-the-badge&label=License&message=MIT&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8)](https://github.com/catppuccin/catppuccin/blob/main/LICENSE)

## 常见问题

### @catppuccin/highlightjs 是什么？

用于 Highlight\.js 的松动面板主题

### 如何安装 @catppuccin/highlightjs？

在项目目录运行 npm install @catppuccin/highlightjs，或使用 pnpm add / yarn add / bun add。

### @catppuccin/highlightjs 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/catppuccin\_\_highlightjs 是否存在。

### @catppuccin/highlightjs 可以商用吗？

@catppuccin/highlightjs 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @catppuccin/highlightjs 的下载量有多少？

根据 npm 官方下载统计，@catppuccin/highlightjs 在 2026/10/09 – 2026/11/07 这 30 天内被下载 29,702 次，日均约 990 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @catppuccin/highlightjs 还在维护吗？

最新版本 1\.0\.1 发布于 2025/03/29（1\.6 年前）；至今共发布 10 个版本，其中过去 12 个月发布了 0 个；首次发布于 2023/02/06。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。