基础设置
页面定制CSS
/*鼠标指针*/
body {
cursor: url('https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico'), auto;
/*https://blog-static.cnblogs.com/files/lucas--liu/cat6.ico
https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico*/
}
页首html
<!--鼠标点击特效 -->
<script type="text/javascript">
var a_idx = 0;
jQuery(document).ready(function($) {
$("body").click(function(e) {
var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
var $i = $("<span></span>").text(a[a_idx]);
a_idx = (a_idx + 1) % a.length;
var x = e.pageX,
y = e.pageY;
$i.css({
"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
});
$("body").append($i);
$i.animate({
"top": y - 180,
"opacity": 0
},
1500,
function() {
$i.remove();
});
});
});
</script>
页脚（主要）
<!-- @format -->
<!--<script src="https://guangzan.gitee.io/awescnb/index.js"></script>-->
<script src="https://blog-static.cnblogs.com/files/guangzan/loader.min.js"></script>
<script>
const opts = {
// 基本配置
theme: {
name: 'geek', //'reacg' 'geek' 'silence'
color: '#FFB3CC',
title: '66title',
avatar: 'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_220522025108_headimg.jpg',
favicon: 'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_221102071530_9658683_bikini_bra_swimsuit.png',
headerBackground: 'https://files.dbnuo.com/wallpaper/wallhaven-83w372.webp',
},
// 代码高亮
highLight: {
enable: true,
},
// 代码行号
lineNumbers: {
enable: true,
},
// github图标
github: {
enable: true,
color: '#ffb3cc',
url: 'https://github.com/yub4by',
},
// 码云图标
gitee: {
enable: true,
color: '#C71D23',
url: 'https://gitee.com/yub4by',
},
// 图片灯箱
imagebox: {
enable: true,
},
// 文章目录
catalog: {
enable: true,
position: 'left',
},
// 右下角按钮组
tools: {
enable: true,
initialOpen: true,
},
// live2d模型
live2d: {
enable: true,
model: 'haru-01',
},
// 点击特效
click: {
enable: true,
auto: false,
colors: ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'],
size: 30,
maxCount: 50,
},
// 评论输入框表情
emoji: {
enable: true,
},
// 暗色模式
darkMode: {
enable: true,
autoDark: false,
autoLight: false,
},
// 音乐播放器
musicPlayer: {
enable: false,
page: 'all',
agent: 'pc',
autoplay: false,
volume: 0.4,
lrc: {
enable: false, // 启用歌词
type: 1, // 1 -> 字符串歌词 3 -> url 歌词
color: '', // 颜色
},
audio: [
{
name: '404 not found',
artist: 'REOL',
url: 'https://guangzan.gitee.io/imagehost/awescnb/music/demo4.mp3',
cover: 'https://guangzan.gitee.io/imagehost/awescnb/music/demo.jpg',
lrc: ``,
},
],
},
// 随笔头图
postTopimage: {
enable: true,
imgs: [
'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
],
},
// 随笔尾图
postBottomimage: {
enable: true,
imgs: [
'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
],
},
// 打赏二维码
donation: {
enable: true,
qrcodes: [
'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_220522030359_wechatpay.jpg',
'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_220522030351_alipay.jpg'
],
},
// 个性签名
signature: {
enable: true,
contents: [
"This theme is built with <b style='color:#ff6b81'>awescnb</b>.",
"<b>console.log(??);</b>",
],
},
// 侧边栏二维码
qrcode: {
enable: true,
img: 'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_220522030351_alipay.jpg',
desc: '微信公众号',
},
// 弹出公告
notice: {
enable: true,
text:['??双击导航条锁屏','??快去自定义通知吧'],
},
// 首页列表图
indexListImg: {
enable: true,
imgs: [
'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
],
},
// 顶部加载进度条
topProgress: {
enable: false,
},
// 随笔页尾部签名
postSignature: {
enable: true,
enableLicense: true,
content: ['这是一条自定义内容', '这是一条自定义内容'],
licenseName: '',
licenseLink: '',
},
// 背景图片或颜色
bodyBackground: {
enable: true,
value: 'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
opacity: 0.9,
repeat: false,
},
// 弹幕
barrage: {
enable: false,
},
// 图表
charts: {
enable: true,
labels: [
'Vue',
'React',
'Flutter',
'Java',
'NodeJs',
'TypeScript',
'CSS',
],
datasets: [
{
label: 'My First Chart',
data: [65, 59, 90, 81, 56, 55, 40],
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: 'My Second Dataset',
data: [28, 48, 40, 19, 96, 27, 100],
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: true,
background: 'https://cdn.jsdelivr.net/gh/yaosir0317/Cnblogs-Theme-SimpleMemory@v1.3.1/img/t1.jpg',
strings: [
'<i>一点真如本心</i>',
'<i>九分人间烟火</i>',
],
},
// 自定义链接链接
links: [
{
name: 'Unixcs',
link: 'https://unixcs.cnblogs.com/',
},
{
name: 'MARS',
link: 'http://h4ck.org.cn/',
},
{
name: 'NSOAS',
link: 'https://osdds.nsoas.org.cn/',
},
{
name: 'USGS',
link: 'https://www.usgs.gov/',
},
{
name: 'NASA',
link: 'https://www.nasa.gov/',
},
{
name: 'GSCloud',
link: 'http://www.gscloud.cn/',
},
{
name: 'Apply',
link: 'https://msg.cnblogs.com/send/yub4by',
},
],
}
$.awesCnb(opts)
</script>
