代码块风格
迁移自：代码块风格 发布日期：2023-7-30 最后编辑：2024-1-31 原栏目：🛠 站点配置
相关配置文件
JavaScript
// START********代码相关********
// PrismJs 代码相关
PRISM_JS_PATH: 'https://npm.elemecdn.com/[email protected]/components/',
PRISM_JS_AUTO_LOADER: 'https://npm.elemecdn.com/[email protected]/plugins/autoloader/prism-autoloader.min.js',
// 代码主题 @see https://github.com/PrismJS/prism-themes
PRISM_THEME_PREFIX_PATH: 'https://cdn.jsdelivr.net/npm/[email protected]/themes/prism-okaidia.css', // 代码块默认主题
PRISM_THEME_SWITCH: process.env.NEXT_PUBLIC_PRISM_THEME_SWITCH || true, // 是否开启浅色/深色模式代码主题切换； 开启后将显示以下两个主题
PRISM_THEME_LIGHT_PATH: 'https://cdn.jsdelivr.net/npm/[email protected]/themes/prism-solarizedlight.css', // 浅色模式主题
PRISM_THEME_DARK_PATH: 'https://cdn.jsdelivr.net/npm/[email protected]/themes/prism-okaidia.min.css', // 深色模式主题
CODE_MAC_BAR: process.env.NEXT_PUBLIC_CODE_MAC_BAR || true, // 代码左上角显示mac的红黄绿图标
CODE_LINE_NUMBERS: process.env.NEXT_PUBLIC_CODE_LINE_NUMBERS || false, // 是否显示行号
CODE_COLLAPSE: process.env.NEXT_PUBLIC_CODE_COLLAPSE || true, // 是否折叠代码框
// END********代码相关********代码风格配置说明
浅色模式（日间模式）和深色模式（夜间模式）支持各配置一种代码风格；
目前默认浅色模式主题 prism-solarizedlight，深色模式代码主题prism-okaidia
支持的代码主题列表
参考elemecdn： https://npm.elemecdn.com/prism-themes/themes/ 在线预览代码主题： https://github.com/PrismJS/prism-themes