美化博客园的个人主页

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

进入博客园个人主页

将博客皮肤改为: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>

保存,就可以了:

目录
相关文章
|
7月前
漂亮的个人主页源码
漂亮的个人主页源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
71 5
漂亮的个人主页源码
|
7月前
|
Web App开发 存储 机器学习/深度学习
欢迎使用CSDN-markdown编辑器
欢迎使用CSDN-markdown编辑器
46 0
|
7月前
2024漂亮的个人主页源码
2024漂亮的个人主页源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
58 0
2024漂亮的个人主页源码
|
机器学习/深度学习 Cloud Native Go
猫头虎博客带您使用Markdown编辑器
猫头虎博客带您使用Markdown编辑器
97 1
|
程序员
博文创作者都有一个拥有自己专属博客梦
经常写作的作者想必都知道,个人博客是一种历史悠久的网站形态,它能够让我们更好地表达自己的想法和思考,与读者进行互动和交流。在互联网发展的今天,个人博客仍然是一种流行的媒介,而且许多人都拥有自己的个人博客。作为程序员更是如此,要有属于自己的技术博客。
184 2
博文创作者都有一个拥有自己专属博客梦
|
前端开发 JavaScript CDN
博客园美化
博客园美化
239 0
博客园美化
|
Java 程序员
为什么别人的博客上有好看的表情 而你的博客上干巴巴的 这就教你学会 让你的博客多姿多彩
为什么别人的博客上有好看的表情 而你的博客上干巴巴的 这就教你学会 让你的博客多姿多彩
159 0
为什么别人的博客上有好看的表情 而你的博客上干巴巴的 这就教你学会 让你的博客多姿多彩
分享一个好看的个人主页源码
分享一个好看的个人主页源码
1182 0
分享一个好看的个人主页源码
|
前端开发 编译器
网上难查到的Markdown语法(适用于CSDN创作)
对于图片居中的建议,网上很多都是使用css居中样式,我试了下在CSDN编译器中无效,对此我们可以使用原生语法:
网上难查到的Markdown语法(适用于CSDN创作)
简书Markdown语法指南
Markdown 的目标是实现「易读易写」。 1.标题大小 从‘#’到‘#####’ 挨个试试总能找到你满意的 标题演示 2.单行代码 ``:英文键盘 esc下面那个键UserMapper:.
955 0