【美化博客园样式历程】各类卷到飞起的博客园美化主题(在收集中)
发现了好几篇博客,它们的主题效果简直是卷到飞起,太可怕了。
幸运的是,现在很多的主题代码都分享出来了,我也懒得抄它们的文章,所以我就打算弄个收录主题博客,并亲自验证与批判一下。
第一位:
效果
使用体验
不知道我干了些什么,第一次实验还行,后面就莫名其妙的顶页的图片消失不见了。在研究哪些地方可以改进。
问题解决:
JS代码要写到博客侧边栏
左下角网易云播放器不能显示,大概是因为缺少id问题,在播放器注解哪里改改就好了。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
<script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script>
<div id="aplayer" class="aplayer" data-id="7571368543" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>
右下角的猫无法弄出来,则可能是因为跨域问题,改下写法就好了,在博客侧边栏下更改引入的live2d模型的路径
<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>
第二位:在找中
我的头像图片链接(直接用博客园帮我生成就好了):
https://img2022.cnblogs.com/blog/2914194/202208/2914194-20220805215336523-1742035621.jpg
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库