【美化博客园样式历程】各类卷到飞起的博客园美化主题(在收集中)

发现了好几篇博客,它们的主题效果简直是卷到飞起,太可怕了。

幸运的是,现在很多的主题代码都分享出来了,我也懒得抄它们的文章,所以我就打算弄个收录主题博客,并亲自验证与批判一下。

第一位:

博客源码链接

效果


使用体验

不知道我干了些什么,第一次实验还行,后面就莫名其妙的顶页的图片消失不见了。在研究哪些地方可以改进。

问题解决:

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

posted @   帕图纳克斯  阅读(59)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示