代码：博客美化
Posted seashellbaylor
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了代码：博客美化相关的知识，希望对你有一定的参考价值。
这是设置背景：
（我的是 “你的名字” 的图片，大家可以自己拿去用，也可用自己的图片）
body background-image:url("https://i.loli.net/2019/08/19/bwxsdE3RQFmHotJ.jpg"); background-repeat:no-repeat; background-size:100%; background-attachment: fixed; opacity: 0.8; filter:alpha(opacity=100);
（这里的背景也可以调透明度）
我的博客模板样式，出于某种原因不予展示，请见谅 。
音乐的外链生成播放器，在网易云音乐上面可以生成，但是中间的iframe要改成embed 。
看板娘的话，网上都有，这里还是给一下代码：
<!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/https://www.cnblogs.com/SeashellBaylor//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/https://www.cnblogs.com/SeashellBaylor//waifu.css"> <div class="waifu" id="waifu"> <div class="waifu-tips" style="opacity: 2;"></div> <canvas id="live2d" width="280" height="240" 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/kousak/live2d.js"></script> <script src="https://files.cnblogs.com/files/kousak/waifu-tips.js"></script> <script type="text/javascript">initModel()</script> </body> </html> <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/yjlblog/flat-ui.min.css"/>
另外，还要上传 webglcontext.js，PlatformManager.js，main.js，LAppModel.js，LAppLive2DManager.js，LAppDefine.js，ModelSettingJson.js，MatrixStack.js，Live2DFramework.js，live2d.min.js 这些文件，在网上有下载链接 。
生成目录：
<!-- 目录--> <link href="https://blog-static.cnblogs.com/files/study-everyday/jajian.catalog.css" rel="stylesheet"> <script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script type="text/javascript" src="https://blog-static.cnblogs.com/files/study-everyday/jajian_catalog.js"></script>
图片点击放大：
<!-- 图片点击放大--> <script type="text/javascript" src="https://blog-static.cnblogs.com/files/jajian/img.enlarge.js"></script> <div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0; width: 100%;height: 100%;background-color: rgba(255,255,255,.9);"> <img id="bigimg" style="height: auto;width: 65%;border: 5px solid #7e8c8d; margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;" src="" /> </div>
选中时的文字框颜色（我这里是粉色，大家可以拿去更改）：
::selection background:#F5D3DE; color:#555; ::-moz-selection background:#F5D3DE; color:#555; ::-webkit-selection background:#F5D3DE; color:#555;
修改博客上方显示，则只要添加代码，像我的就是 “ Seashell！”：
<title>标题</title> <script> document.title = ‘你需要的名称‘ </script>
以上是关于代码：博客美化的主要内容，如果未能解决你的问题，请参考以下文章