可爱的博客园样式美化、自定义博客园主题样式

2023-04-01 04:35| 来源: 网络整理| 查看: 265

cute-cnblogs cute-cnblogs 说明

“我经常有那种感觉，如果这个事情来了，你却没有勇敢地去解决掉，它一定会再来。生活真是这样，它会一次次地让你去做这个功课直到你学会为止。” —— 《像我这样笨拙地生活》

博客园样式一直是我想改的，之前使用过别人写好的样式模版，加了很多东西，可惜有一天全丢失了，博客园帮忙找回来了一部分，但是不全面，基本相当于废了，于是决定重头再来，自己写一套样式。麋鹿鲁哟的博客园

需要文件的可以来 github ，喜欢我写的样式可以帮我点个 star 喔 ღゝ◡╹)ノ♡

好了，废话不多说，开始~\

博客示例

ღゝ◡╹)ノ♡ 麋鹿鲁哟的博客园

介绍

可爱的博客园样式美化、自定义博客园样式 ღゝ◡╹)ノ♡

📖 本样式以简约可爱为核心，美化博客园的显示效果，增加自定义导航； 🍧 基于博客园主题“SimpleMemory”进行的样式修改； 🍓 支持响应式；

Image text

功能 🍎 导航点点动效随鼠标而动 🍊 导航栏自定义 🍒 页面诗意诗句模块 🍌 看板娘-猫(ฅ´ω`ฅ) 🍑 音乐-网易云 🍍 上吊的猫（PS：回到顶部） 🍉 底部跳动的鱼 L2Dwidget.init({ "model": { jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json", "scale": 1 }, "display": { "position": "left", "width": 100, "height": 200, "hOffset": 70, "vOffset": 0 }, "mobile": { "show": true, "scale": 0.5 }, "react": { "opacityDefault": 0.7, "opacityOnHover": 0.2 } }); window.onload = function(){ $("#live2dcanvas").attr("style","position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;") } 复制代码参数说明

若字符串为空则不显示友链

名称类型默认值/实例描述Youself字符串www.cnblogs.com/miluluyo/个人博客园首链接custom数组[{ name:'相册', link:'www.cnblogs.com/elkyo/galle…', istarget:false },{ name:'技能树', link:'https://miluluyo.github.io/', istarget:true },{ name:'留言板', link:'https://miluluyo.github.io/p/11578505.html', istarget:false }]导航信息 name 导航名 link 导航链接 istarget true跳转到新页面上，false当前页面打开Friends_of_the字符串11633791友链文章的后缀名，resume对象{ "name":"麋鹿鲁哟", "link":"www.cnblogs.com/miluluyo/", "headurl":"images.cnblogs.com/cnblogs_com… elkyo/1558759/o_o_my.jpg", "introduction":"大道至简，知易行难。" }自己的友链信息 name 导航名 link 导航链接 headurl 头像 introduction 语录unionbox数组[{ "name":"麋鹿鲁哟", "introduction":"生活是没有标准答案的。", "url":"www.cnblogs.com/miluluyo", "headurl":"https://images.cnblogs.com/cnblogs_com/ elkyo/1558759/o_o_my.jpg" },{ "name":"麋鹿鲁哟的技能树", "introduction":"大道至简，知易行难。", "url":"https://miluluyo.github.io/", "headurl":"https://images.cnblogs.com/cnblogs_com/ elkyo/1558759/o_o_my.jpg" }]友链数组 name 昵称 introduction 标语 url 链接地址 headurl 头像地址clicktext新数组new Array("ヾ(◍°∇°◍)ﾉﾞ加油哟~ ——麋鹿鲁哟", "生活是没有标准答案的。 ——麋鹿鲁哟"),点击页面时候的弹出显示githuburl字符串github.com/miluluyogithub链接最后

为了响应大家的号召，方便大家技术交流，之前建立了一个微信群，如果大家有需要可以关注公众号，发送“加群”即可～本群是一个纯交流学习工作的群，不准发布广告、营销相关的信息！

公众号：麋鹿鲁哟

【本文地址】

公司简介

联系我们