@
1.前言
因為博主最近一直在想着把自己的文章同步到博客園，掘金，簡書等類似的技術博客網站上，偶然間看到了博客園可以自己自定義博客的樣式。博主立馬就來了興趣，畢竟誰不喜歡好看的，我就是饞它的身子。我下賤。
經過一個下午的探索終於是把它搞好了，反正博主自己感覺好看的一筆。
2.過程
網站的樣式主要是由這位小姐姐提供的，小姐姐的是做前端的，難怪做出來的網站這么好看！！小姐姐和知乎上一個老哥都出過安裝的教程，以下是網址：
博客園二次元主題——Sakura
博客園主題美化
這是模板的下載鏈接:https://link.zhihu.com/?target=https%3A//files.cnblogs.com/files/qimuz/Sakura.zip
打開是這樣的：
我們首先需要將博客園的皮膚選定為Custom，因為該模板就是根據這個皮膚改的。
2.1復制粘貼
這里需要有js的權限，申請一下就行了。
之后再上傳main.js文件，並將該文件引入到 博客側邊欄公告 中。
此時我們的博客大體的樣子就已經出來了，如下圖：
這時候只剩下一些細節性的操作了
2.2音樂播放器
這里的默認的就是網易雲音樂，只是需要我們提供歌單的id即可，這里我們只需要打開相應的歌單然后查看地址欄即可:
將這個id替換之后，網頁上的就是我們的歌單了：
2.3郵箱的郵我功能
該鏈接就能實現下圖所示的功能：
主要就是替換郵箱圖標的超鏈接即可：
2.4各部分圖片替換位置
這里因為需要添加圖片的url鏈接，這里建議使用知乎老哥建議的 聚合圖床 ，注冊過后直接上傳文件，之后就可以直接復制圖片的url地址了。
2.4.1 首頁的輪播圖
直接在 博客側邊欄公告 編輯
2.4.2 博客的頂部圖片
直接在 博客側邊欄公告 編輯
2.4.2 首頁中間的圖標
在 main.js 文件中，改完記得重新上傳
2.5各部分超鏈接替換位置
2.5.1 中間圖標的鏈接
直接在 博客側邊欄公告 編輯
2.5.2 首頁頂部的鏈接
在 main.js 文件中，改完記得重新上傳
3.實際效果
博客地址：萌萌噠的瓤瓤のblog
都看到這里了，如果覺得對你有幫助的話，可以關注博主的公眾號，新人up需要你的支持。
如果有什么疑問或者的話，可以私聊博主。