产品 突出内容.js
预览
拉铁
费拉佩
马奇托
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}莫查 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢
使用量
在加价中添加您喜欢的口味 CSS 。 您可以从 npm 获取文件, 或是通过 CDN .
无
安装 @catppuccin/highlightjs 包含您首选的软件包管理器的软件包.
npm install -D @catppuccin/highlightjs
然后,您可以使用文件在 @catppuccin/highlightjs/css 或者说 @catppuccin/highlightjs/sass。 。 。 .
光盘N
装入 突出显示.js 脚本 以及我们的主题之一.
[注] “可变版本”假设您在您的 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 产品,当您的变量采用三个逗号分隔的 RGB 格式时 数值(例如).--ctp-mauve: 136,57,239),您应当使用"rgb变量"版本.
(单位:公斤)
<link rel="stylesheet" href="//unpkg.com/@catppuccin/[email protected]/css/catppuccin-latte.css">
<link rel="stylesheet" href="//unpkg.com/@catppuccin/[email protected]/css/catppuccin-frappe.css">
<link rel="stylesheet" href="//unpkg.com/@catppuccin/[email protected]/css/catppuccin-macchiato.css">
<link rel="stylesheet" href="//unpkg.com/@catppuccin/[email protected]/css/catppuccin-mocha.css">
<!-- Variable version -->
<link rel="stylesheet" href="//unpkg.com/@catppuccin/[email protected]/css/catppuccin-variables.css">
<!-- Variable version with !important (higher specificity) -->
<link rel="stylesheet" href="//unpkg.com/@catppuccin/[email protected]/css/catppuccin-variables.important.css">
<!-- RGB variable version -->
<link rel="stylesheet" href="//unpkg.com/@catppuccin/[email protected]/css/catppuccin-variables.rgb.css">
<!-- RGB variable version with !important (higher specificity) -->
<link rel="stylesheet" href="//unpkg.com/@catppuccin/[email protected]/css/catppuccin-variables.rgb.important.css">
日记
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/[email protected]/css/catppuccin-latte.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/[email protected]/css/catppuccin-frappe.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/[email protected]/css/catppuccin-macchiato.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/[email protected]/css/catppuccin-mocha.css">
<!-- Variable version -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/[email protected]/css/catppuccin-variables.css">
<!-- Variable version with !important (higher specificity) -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/[email protected]/css/catppuccin-variables.important.css">
<!-- RGB variable version -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/[email protected]/css/catppuccin-variables.rgb.css">
<!-- RGB variable version with !important (higher specificity) -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@catppuccin/[email protected]/css/catppuccin-variables.rgb.important.css">
谢谢
版权: 2021年至今 猫头鹰
