博客皮肤推荐使用：SimpleMemory 简约白色风格。
一、页面背景更换
第一步，将背景图上传到博客园，图片储存教程 ，然后将链接填入到背景 background: url(...) 中。
第二步，加入到，页面定制 CSS 代码。
/* 背景 */
body:before {
background: url(https://img2018.cnblogs.com/blog/1889299/201912/1889299-20191205134937226-663850671.png) center/cover no-repeat;
content: '';
background-repeat: no-repeat;
background-position: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.8;
-webkit-filter: grayscale(40%);
-moz-filter: grayscale(40%);
-ms-filter: grayscale(40%);
-o-filter: grayscale(40%);
filter: grayscale(40%);
filter: gray;
}
第三步，背景更换完成，这只是静态的，想每几秒换，以及刷新换的话，...... 你猜怎么办。
二、中心内容区域透明
第一步，加入到，页面定制 CSS 代码。
/* 中心内容区域 */
#home {
opacity: 0.8;
border-radius: 30px;
}
第二步，设置中心内容区域透明完成，透明度为 0.8，边框圆角为 30px。
三、侧边头像添加
第一步，加入到，页面定制 CSS 代码。
/* 侧边头像 */
#authorHeadPic {
border-radius: 30px;
}
第二步，复制我们登陆的头像链接填入到 src="..." 中，点击前往复制。
第三步，加入到，博客侧边栏公告（支持HTML代码） （支持 JS 代码）。
<!-- 侧边头像 -->
<img id="authorHeadPic" src="//pic.cnblogs.com/avatar/1889299/20191205150626.png" alt="林沢的头像" class="img_avatar">
第四步，侧边头像添加完成，边框照样调了 30px，如果不好看的话，可以删除，或设置为 0px，代码为 "border-radius: 30px;"。
四、将公告改为简介
第一步，加入到，博客侧边栏公告（支持HTML代码） （支持 JS 代码）。
<script type="text/javascript">
// 将侧边 公告 改为 简介
$("#sidebar_news .catListTitle").html('简介');
</script>
第二步，将公告改为简介完成。
五、删除底部广告链接
第一步，加入到，博客侧边栏公告（支持HTML代码） （支持 JS 代码）。
<script type="text/javascript">
// 将侧边 公告 改为 简介
$("#sidebar_news .catListTitle").html('简介');
// 删除底部广告链接
$("#ad_t2").remove();
</script>
第二步，删除底部广告链接完成，好了，本文到此，设计结束，下面看视图结果图啦。
六、完成后结果图
为了保持有序，就不截删除广告链接后的图啦，主页图如下。
