博客皮膚推薦使用：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>
第二步，刪除底部廣告鏈接完成，好了，本文到此，設計結束，下面看視圖結果圖啦。
六、完成后結果圖
為了保持有序，就不截刪除廣告鏈接后的圖啦，主頁圖如下。
