Blog主题设置
2021/12/15 6:22:29
本文主要是介绍Blog主题设置,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
目录- Blog主题
- awescnb
- 页面CSS
- 页首
- 页脚
- awescnb
Blog主题
awescnb
先选Custom
参考awescnb
页面CSS
#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:99999;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}
页首
<div id="loading"><div class="loader-inner"></div></div>
页脚
<!-- @format --> <script src="https://guangzan.gitee.io/awescnb/index.js"></script> <script> //参考 https://www.yuque.com/awescnb/user/rycpvv#SsOfJ const opts = { // 基本配置 theme: { name: 'reacg', color: '#3939FF', title: '', avatar: 'https://avatars.githubusercontent.com/u/48207847?v=4', favicon: '', headerBackground: 'https://s2.loli.net/2021/12/12/h2bxU9l3fdZY8SR.jpg', }, // 代码高亮 highLight: { enable: true, }, // 代码行号 lineNumbers: { enable: true, }, // github图标 github: { enable: true, url: 'https://github.com/XiaochengYe', }, // 码云图标 gitee: { enable: false, url: 'https://gitee.com/xiaochengye', }, // 图片灯箱 imagebox: { enable: true, }, // 文章目录 catalog: { enable: true, }, // 右下角按钮组 tools: { enable: true, }, // live2d模型 live2d: { enable: false, model: 'shifuku', }, // 点击特效 click: { enable: true, auto: false, colors: ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'], size: 10, maxCount: 20, }, // 评论输入框表情 emoji: { enable: true, }, // 暗色模式 darkMode: { enable: true, autoDark: false, autoLight: false, }, // 音乐播放器 musicPlayer: { enable: true, page: 'all', agent: 'pc', autoplay: false, volume: 0.4, lrc: { enable: true, // 启用歌词 type: 1, // 1 -> 字符串歌词 3 -> url 歌词 color: '#10ac84', // 颜色 }, audio: [ { name: '籠のなか', artist: '増田俊郎', url: 'http://music.163.com/song/media/outer/url?id=469772.mp3', cover: 'https://p1.music.126.net/eGmx8Ief_Ht83WL2Z0GrwA==/5659186348223730.jpg?param=34y34', lrc: "[ti:籠のなか][00:00.008] 作曲 : 増田俊郎[00:03.008][纯音乐]红尘沙滚滚,晨曦雾漫漫,方知伊人已相伴[00:07.0]", }, ], }, // 随笔头图 postTopimage: { enable: false, }, // 随笔尾图 postBottomimage: { enable: false, }, // 打赏二维码 donation: { enable: true, qrcodes: [], }, // 个性签名 signature: { enable: true, contents: ["本来无一物,何处惹尘埃。"], }, // 侧边栏二维码 qrcode: { enable: false, img: '', desc: '', }, // 弹出公告 notice: { enable: false, text: [], }, // 首页列表图 indexListImg: { enable: false, }, // 顶部加载进度条 topProgress: { enable: true, }, // 随笔页尾部签名 postSignature: { enable: true, content: [], licenseName: '', licenseLink: '', }, // 背景图片或颜色 bodyBackground: { enable: true, // value: '#2A2A2A', value: 'https://image11.m1905.cn/uploadfile/2014/0811/20140811020124647540.jpg', opacity: 0.95, repeat: false, }, // 弹幕 barrage: { enable: false, }, // 图表 charts: { enable: false, }, // 锁屏 lock: { enable: true, background: 'https://obohe.com/i/2021/12/13/1pfsm1.jpg', strings: [ '汩余若將不及兮,恐年歲之不吾與。', ], }, //md拟真画笔 notation: { enable: true, }, //标签通知 notice:{ enable:false, text:['
这篇关于Blog主题设置的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-24内网穿透资料入门教程
- 2024-12-24微服务资料入门指南
- 2024-12-24微信支付系统资料入门教程
- 2024-12-24微信支付资料详解:新手入门指南
- 2024-12-24Hbase资料:新手入门教程
- 2024-12-24Java部署资料
- 2024-12-24Java订单系统资料:新手入门教程
- 2024-12-24Java分布式资料入门教程
- 2024-12-24Java监控系统资料详解与入门教程
- 2024-12-24Java就业项目资料:新手入门必备教程