博客园 自定义 个性主题优化 这是我迄今为止用过的最好的模板 silence

页面个性化思路:外链音乐、看板娘、个性主题等

silence主题链接:大佬的blog链接

从上述的两个链接中应该就能解决大部分的个性化问题

但由于种种原因,silence主题在我的站点似乎有点小问题,于是我加了些代码,并和看板娘结合

(不知道为什么,我的particle特效没了/(ㄒoㄒ)/~~)

更新:particle特效由于看板娘的.css文件中将body设为#FFF了,我下载到本地改为transparent,解决。

各部分代码见下:

页眉HTML-》(这里主要是网易云音乐的外链播放器,修改以下的src属性为自己喜欢的歌曲外链播放器链接即可)

<script type="text/javascript">
var s = unescape("u0069u0066u0072u0061u006du0065");
var f = '<'+s+' frameborder="no" border="0" marginwidth="0" marginheight="0" width="280" height="52" src="//music.163.com/outchain/player?type=2&id=41666273&auto=1&height=66" class="music" style="z-index: 0;right: 0PX;display: block;bottom: 60px;position: fixed;"></'+s+'>';
$("body").append(f); //网易云音乐
</script>

博客侧边公告栏-》

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Live2D</title>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/Nortonary/silence-personalized.css"/>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/Nortonary/waifu.css"/>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> </head> <body> <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/Nortonary/waifu.css"> <div class="waifu" id="waifu"> <div class="waifu-tips" style="opacity: 1;"></div> <canvas id="live2d" width="280" height="250" class="live2d"></canvas> <div class="waifu-tool"> <span class="fui-home"></span> <span class="fui-chat"></span> <span class="fui-eye"></span> <span class="fui-user"></span> <span class="fui-photo"></span> <span class="fui-info-circle"></span> <span class="fui-cross"></span> </div> </div> <script src="https://files.cnblogs.com/files/Nortonary/live2d.js"></script> <script src="https://files.cnblogs.com/files/Nortonary/waifu-tips.js"></script> <script type="text/javascript">initModel()</script> <script src="https://blog-static.cnblogs.com/files/Nortonary/silence.min.js"></script> <script type="text/javascript"> $.silence({ avatar: 'https://i0.hdslb.com/bfs/album/a07e60d0e9713e843e9d721b6d7d41c7965410a2.jpg', favicon: 'https://files.cnblogs.com/files/esofar/favicon.ico', navigation: [ { title: '标签', url: 'https://www.cnblogs.com/Nortonary/tag/' }, { title: '归档', url: 'https://www.cnblogs.com/Nortonary/p/' }, { title: '导航', chilren: [ { title: '谷歌', url: 'https://www.google.com/', }, { title: '百度', url: 'https://www.baidu.com/', }, ] }, ], catalog: { enable: true, move: true, index: true, level1: 'h2', level2: 'h3', level3: 'h4', }, signature: { enable: true, license: '署名-非商业性使用-相同方式共享 4.0 国际', link: 'https://creativecommons.org/licenses/by-nc-sa/4.0/', remark: null }, sponsor: { enable: true, paypal: null, wechat: 'https://images.cnblogs.com/cnblogs_com/Nortonary/972540/o_wechat.png', alipay: 'https://images.cnblogs.com/cnblogs_com/Nortonary/972540/o_alipay.png' }, github: { enable: true, link: 'https://www.baidu.com', target: '_self' } }); </script> </body> </html> <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/yjlblog/flat-ui.min.css"/>

页脚HTML-》

<script id="c_n_script" src="https://blog-static.cnblogs.com/files/Nortonary/particle.js" color="400,230,160" opacity="2" count="75" zindex="-2">
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {

} else {
       
}
</script>
<script src="https://blog-static.cnblogs.com/files/yjlblog/cursor-effects.js"></script>
<canvas width="1366" height="662" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>
原文地址:https://www.cnblogs.com/Nortonary/p/12836352.html