修改博客園模板樣式
阿新 • • 發佈：2018-09-08
tom ima 復制 標題 清晰 sprite con home gin
當我們註冊博客園以後，首先是選擇自己喜歡的首頁模板，當我們對博客園給出的模板不滿意時，我們就要對已有的模板進行修改。
在這裏我采用的模板是SimpleMemory，因為SimpleMemory模板相對簡單，便於對樣式已有的修改。
這是本人修改兩句代碼後的修改
詳細步驟：
1.尋找自己喜歡的圖片，要求圖片足夠清晰，以免設置背景時不清楚。博客園首頁->管理->相冊->設置標題（相冊名）->ADD->選擇文件（上傳圖片）->ADD，單擊圖片進入首頁，點擊Original Image得到圖片鏈接。
2.選擇好模板以後進入自己博客首頁，右擊屏幕單擊檢查（本人用的是谷歌瀏覽器）進入，進入後點擊左上角箭頭單擊<body>，這時在右邊就會出現body樣式，在這裏我們可以修改樣式，並在頁面中看的效果，一旦刷新頁面就會恢復原來效果，我只是添加了一句用於設置頁面背景代碼“ background: ”圖片鏈接由上面獲得。
3.復制代碼到設置（博客園首頁->管理->設置）裏面，實現背景設置，在裏面寫的樣式會覆蓋已有的樣式。
4.修改其他樣式同理，例如：
#home {
margin: 0 auto;
opacity: 0.8;
width: 65%;
min-width: 1080px;
background-color: #fff;
padding: 30px;
margin-top: 50px;
margin-bottom: 50px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
修改透明度只是在原有的基礎上改了一句代碼
修改博客園模板樣式