博客园主题皮肤（awescnb 主题）
参考资料
参考博客：https://www.cnblogs.com/Roboduster/articles/16625594.html
安装步骤：https://guangzan.gitee.io/awescnb-docs/
使用"推荐安装"和“推荐版本（geek）”安装
主题设置
主题颜色：https://www.sioe.cn/yingyong/yanse-rgb-16/
背景图片：https://wallhaven.cc/
侧边栏
<!-- @format -->
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
const opts = {
// 基本配置
theme: {
name: 'geek',
//color: '#FFB3CC',
color: '#00CED1',
title: 'Clivia Du',
// 头像
avatar: 'https://pic.cnblogs.com/avatar/1551949/20230307220029.png',
favicon: 'https://pic.cnblogs.com/avatar/1551949/20230307220029.png',
// 背景图片
headerBackground: 'https://w.wallhaven.cc/full/zy/wallhaven-zygeko.jpg',
},
// 代码高亮
highLight: {
enable: true,
},
// 代码行号
lineNumbers: {
enable: true,
},
// github图标
github: {
enable: false,
url: '',
},
// 码云图标
gitee: {
enable: false,
url: '',
},
// 图片灯箱
imagebox: {
enable: true,
},
// 文章目录
catalog: {
enable: true,
position:'left'
},
// 右下角按钮组
tools: {
enable: true,
},
// live2d模型
live2d: {
enable: true,
model: 'haru-01',//2022-09-02
//model: '伊芙加登',
},
// 点击特效
click: {
enable: true,
},
// 评论输入框表情
emoji: {
enable: true,
buttonIcon: "🥳",
emojiList: [
{
value: 'https://images.cnblogs.com/cnblogs_com/gshang/1626876/o_2001050555139.png',
label: '',
},
{
value: '🤣',
label: '笑哭',
},
{
value: '😃',
label: '大笑',
},
{
value: '😅',
label: '苦笑',
},
{
value: '😆',
label: '斜眼笑',
},
{
value: '😏',
label: '得意',
},
{
value: '😊',
label: '微笑',
},
{
value: '😎',
label: '酷！',
},
{
value: '😍',
label: '花痴',
},
{
value: '🙂',
label: '呵呵',
},
{
value: '🤩',
label: '好崇拜哦',
},
{
value: '🤔',
label: '思考',
},
{
value: '🙄',
label: '白眼',
},
{
value: '😜',
label: '略略略',
},
{
value: '😲',
label: '呆住',
},
{
value: '😭',
label: '大哭',
},
{
value: '🤯',
label: '头炸了',
},
{
value: '😰',
label: '冷汗',
},
{
value: '😱',
label: '吓死了',
},
{
value: '🤪',
label: '略略略',
},
{
value: '😵',
label: '晕',
},
{
value: '😡',
label: '愤怒',
},
{
value: '🥳',
label: '祝贺',
},
{
value: '🤡',
label: '小丑竟是我',
},
{
value: '🤫',
label: '嘘~',
},
{
value: '🐒',
label: '猴',
},
{
value: '🤭',
label: '笑笑不说话',
},
{
value: '🐂',
label: '牛',
},
{
value: '🍺',
label: '啤酒',
},
{
value: '(=・ω・=)',
label: '',
},
{
value: '(｀・ω・´)',
label: '',
},
{
value: '(°∀°)ﾉ',
label: '',
},
{
value: '←_←',
label: '',
},
{
value: '→_→',
label: '',
},
{
value: 'Σ(ﾟдﾟ;)',
label: '',
},
{
value: '(｡･ω･｡)',
label: '',
},
{
value: '(-_-#)',
label: '',
},
]
},
// 暗色模式
darkMode: {
enable: true,
autoDark: false,
autoLight: false,
},
// 音乐播放器
musicPlayer: {
enable: true,
//page: 'all',
agent: 'pc',
autoplay: false,
volume: 0.4,
lrc: {
enable: false, // 启用歌词
type: 1, // 1 -> 字符串歌词 3 -> url 歌词
color: '', // 颜色
},
audio: [
{
name: '尚好的青春',
artist: '孙燕姿',
url: 'http://music.163.com/song/media/outer/url?id=28283346.mp3',
cover: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.6Pq403ztOl8kpOe3IxAYfAAAAA?w=143&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7',
lrc: ``,
},
{
name: '种',
artist: '孙燕姿',
url: 'https://sm-sycdn.kuwo.cn/eb810ce3d159a08be34e4400bd12f7f0/631224fc/resource/n2/58/86/3142551252.mp3',
cover: 'https://tse2-mm.cn.bing.net/th/id/OIP-C.ie2gOojO7eppE9xgy73ksAHaKB?w=126&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7',
lrc: ``,
},
{
name: '克卜勒',
artist: '孙燕姿',
url: 'http://music.163.com/song/media/outer/url?id=28196001.mp3',
cover: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.6Pq403ztOl8kpOe3IxAYfAAAAA?w=143&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7',
lrc: ``,
},
],
},
// 随笔头图
postTopimage: {
enable: true,
},
// 随笔尾图
postBottomimage: {
enable: false,
},
// 打赏二维码
donation: {
enable: false,
qrcodes: [],
},
// 个性签名
signature: {
enable: true,
contents: [ "<b style='color:#ff6b81'>久炼成器</b>.",
"<b style='color:#ff6b81'>Life may be hard.Don't leave regrets</b>."
],
},
// 侧边栏二维码
qrcode: {
enable: false,
img: '',
desc: '',
},
// 弹出公告
notice: {
enable: false,
text: [],
},
// 首页列表图
indexListImg: {
enable: false,
},
// 顶部加载进度条
topProgress: {
enable: false,
},
// 随笔页尾部签名
postSignature: {
enable: true,
content: [],
licenseName: '',
licenseLink: '',
},
// 背景图片或颜色
bodyBackground: {
enable: true,
value: ' #B0C4DE',
opacity: 0.90,
repeat: false,
},
// 弹幕
barrage: {
enable: false,
},
// 图表
charts: {
enable: false,
labels: [
'Robotics',
'Computer System',
'Artificial Intelligence',
'Electronic & Control',
'Engineering & Life',
'Programming',
'Network Security',
],
datasets: [
{
label: 'Interested',
data: [95, 85, 80, 60, 90, 80, 50],
fill: true,
backgroundColor: 'rgba(255, 99, 132, 0.2)',
borderColor: 'rgb(255, 99, 132)',
pointBackgroundColor: 'rgb(255, 99, 132)',
pointBorderColor: '#fff',
pointHoverBackgroundColor: '#fff',
pointHoverBorderColor: 'rgb(255, 99, 132)',
},
{
label: 'Ability',
data: [70, 80, 60, 30, 60, 70, 30],
fill: true,
backgroundColor: 'rgba(54, 162, 235, 0.2)',
borderColor: 'rgb(54, 162, 235)',
pointBackgroundColor: 'rgb(54, 162, 235)',
pointBorderColor: '#fff',
pointHoverBackgroundColor: '#fff',
pointHoverBorderColor: 'rgb(54, 162, 235)',
},
],
},
// 锁屏
lock: {
enable: false,
},
// 自定义链接链接
links: [
{
name: 'Github: linzhifen5',
link: 'https://github.com/linzhifen5?tab=repositories',
},
{
name: 'Gitee: linzhifen5',
link: 'https://gitee.com/linzhifen5/projects',
}
],
}
$.awesCnb(opts)
</script>
