美化博客园的个人主页

简介: 美化博客园个人主页的详细步骤,包括更换博客皮肤、添加音乐播放器、鼠标特效、图片放大功能以及雪花特效等个性化设置。

进入博客园个人主页

将博客皮肤改为:SimpleMemory

然后打开github网站:Cnblogs-Theme-SimpleMemory/docs/v2/Docs/GettingStarted/install.md at v2 · BNDong/Cnblogs-Theme-SimpleMemory (github.com)

按照他上面写的做进行了:

复制到:

复制到:

基本就行,然后保存看主页:

然后设置一下,下面的音乐:

代码:

<!--live2d-->
<script src="https://blog-static.cnblogs.com/files/zouwangblog/autoload.js"></script>
<!--live2dend-->

<!--放大图片-->
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zouwangblog/zoom.css">
<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.2.0/js/transition.js"></script>
<script src="https://blog-static.cnblogs.com/files/zouwangblog/zoom.js"></script>
<script type='text/javascript'>$('#cnblogs_post_body img').attr('data-action', 'zoom');</script>
<!--放大图片end-->

<!--鼠标特效-->
<script src="https://blog-static.cnblogs.com/files/zouwangblog/mouse-click.js"></script>
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>
<!--鼠标特效 end-->


<!-- Music-->
<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/zouwangblog/APlayer.min.js"></script>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>
<div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="2878443703" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="orange"></div>
<!-- Music end -->


<!--雪花特效1&12月自动添加-->

<div class="Snow">
    <canvas id="Snow"></canvas>
</div>
<script src="https://blog-static.cnblogs.com/files/zouwangblog/xue.js"></script>


<!--顶部加载条-->
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/zouwangblog/nprogress.css">
<script src="https://blog-static.cnblogs.com/files/zouwangblog/nprogress.js"></script>
<script>
NProgress.start();
NProgress.done();
</script>

保存,就可以了:

目录
相关文章
|
6月前
|
Web App开发 存储 机器学习/深度学习
欢迎使用CSDN-markdown编辑器
欢迎使用CSDN-markdown编辑器
43 0
|
6月前
动漫风博客介绍页面源码
动漫风博客介绍页面源码
82 8
动漫风博客介绍页面源码
|
机器学习/深度学习 Cloud Native Go
猫头虎博客带您使用Markdown编辑器
猫头虎博客带您使用Markdown编辑器
91 1
|
程序员
博文创作者都有一个拥有自己专属博客梦
经常写作的作者想必都知道,个人博客是一种历史悠久的网站形态,它能够让我们更好地表达自己的想法和思考,与读者进行互动和交流。在互联网发展的今天,个人博客仍然是一种流行的媒介,而且许多人都拥有自己的个人博客。作为程序员更是如此,要有属于自己的技术博客。
179 2
博文创作者都有一个拥有自己专属博客梦
|
前端开发 JavaScript CDN
博客园美化
博客园美化
234 0
博客园美化
|
Java 程序员
为什么别人的博客上有好看的表情 而你的博客上干巴巴的 这就教你学会 让你的博客多姿多彩
为什么别人的博客上有好看的表情 而你的博客上干巴巴的 这就教你学会 让你的博客多姿多彩
156 0
为什么别人的博客上有好看的表情 而你的博客上干巴巴的 这就教你学会 让你的博客多姿多彩
|
Web App开发 存储 机器学习/深度学习
第一次使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaT...
1083 0
|
算法 Linux
慕课网优秀博客
日有所思,夜有所梦 的博客 1.讲师Geely  接口限流算法总结 Linux 基础 - 常用命令篇 大型项目架构演进过程及思考的点
954 0