基于vuepress的背景插件
-
npm安装：npm install vuepress-plugin-background
-
yarn安装：yarn add vuepress-plugin-background
在 vuepress 项目的配置文件（docs/.vuepress/config.ts）中导入插件方法 backPlugin，并在 plugins 选项中调用：
import { backPlugin } from 'vuepress-plugin-background';
export default defineUserConfig({
plugins: [
backPlugin()
]
});- 如果不想修改配置，使用默认配置则直接调用
backPlugin()即可。 - 如果想自己配置，提供以下配置：
1、立方体
backPlugin({
type: 'square',
options:{
//立体正方形在页面中的位置
position:{right: '50px',top:'100px'},
//立体正方形六个面的颜色
color: [
'rgba(171, 221, 164,0.4)',
'rgba(102, 194, 165,0.4)',
'rgba(50, 136, 189,0.4)',
'rgba(254, 224, 139,0.4)',
'rgba(244, 109, 67,0.4)',
'rgba(213, 62, 79,0.4)',
]
}
})2、运动线条
backPlugin({
type: 'normalLine',
options:{
//背景颜色
backColor: ''
}
})