2023-7-25 博客美化

最新推荐文章于 2024-10-05 18:56:19 发布

strider1123

最新推荐文章于 2024-10-05 18:56:19 发布

阅读量28

点赞数

本文链接：https://blog.csdn.net/strider1123/article/details/131990683

版权

先贴一下作者大佬们的文章：https://files.cnblogs.com/files/theskyforfly/profile.zip?t=1690255956&download=true

我是照着上面这个做的

https://www.cnblogs.com/zouwangblog/p/11541835.html#!comments

https://2heng.xin/theme-sakura/

这俩应该算是原作者？

美化后的效果：

今天本来在看xss，结果看到大佬的博客都那老漂亮，寻思我多少也得稍微整整这小窝，于是就找了个美化

这里的图片还没整明白(挠头)，而且看板娘也噶了，还没找，先这么地吧(不过这只狗肯定得赶紧换掉)

想美化得先申请js权限

在设置中的这里申请，同时皮肤要选Custom

然后是几个文件

这是下载的链接：下载

然后将里面的food.html的代码复制到页脚html中，将page.css复制到页面定制css代码中(这里不要禁用默认的)

然后在main.js中进行修改，将别人的改成你的，或者删除一些没有的

像这里原先的链接和名称都是别人的

可以先不修改，等弄好了打开看看自己博客哪里不太对，然后ctrl+f在代码里搜就行了

然后是将main.js上传到文件中

将js文件的链接复制下来放到sideber.html中的第三行里

然后把sideber.html的代码复制到侧边栏公告

这样应该就能用了

关于网易云音乐

在页脚html中更改id的值，这个值可以在网易云中打开歌单后在链接中看到

然后上面的狗我似乎知道怎么回事了……

还有这个背景的透明度个人看着不是很舒服，等我一起去改改(溜了)

(闪现回来)

改好了，发现直接在摘要中点插入题图然后粘贴就好

先到这，去吃个饭再说(又溜了)

我又又回来了，这次搞定了主页图和背景图以及透明度

这些都在css样式中，直接在博客园后台中改就行

这里是顶部那张图，直接改链接就可以

这里可以存一手原来的图，感觉还是挺可以的：https://img2018.cnblogs.com/blog/1646268/201908/1646268-20190806130657359-228955661.png

然后是背景图

这个改掉地址之后如果也想改透明度的话，调整opacity的值就可以，这里的是0.05，我们改成0.1试试

这里的背景图还没有换，经过测试应该在0.1到0.2之间刚好，别的图片的话就不知道了，等我看看随笔栏目框的透明度怎么调

还有评论这里有个bug

也不知道怎么修，再说吧

有想改但是找不到在哪的可以问我(虽然我可能也不知道，但是看到一定会回)

我又又又回来喽

看板娘装上了

但是没有说话什么的

来自这位大佬的博客：https://www.freesion.com/article/89121403354/

这里选的是黑猫

这里可以设置透明度位置什么的

新找到一个感觉很好玩的：

唉，好麻烦，这个经常刷不出来看板娘，不知道怎么回事，又添加了一个之后似乎几率会大些，新添加的来自这里：https://q.cnblogs.com/q/133953/

<!-- 看板娘-->
<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/moluxi/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/moluxi/L2Dwidget.min.js"></script>
<script type="text/javascript">
L2Dwidget.init({"display": {
"superSample": 2,
"width": 200,
"height": 400,
"position": "right",
"hOffset": 0,
"vOffset": 0
}
});
</script>
页面定制css
/* 看板娘 */
/ #live2dcanvas {
border: 0 !important;
}

上面的是放在页脚中的，这个是放在侧边栏中的