來源：原創(chuàng)??? 作者：大風??? 本文地址：http://www.cnblogs.com/caogenit/p/5891704.html

?

???? 剛剛注冊博客園，找了好多模板都不大滿意，最后找到了rocket1184兄共享的一個MaterialDesign風格模板，博文安裝地址：http://www.cnblogs.com/rocket1184/p/material-cnblogs.html

???? 安裝后接下來我開始優(yōu)化這個模板成我自己喜歡的樣子：

首先我增加了一段CSS，主要可以去除廣告、調整一些寬度 .newsItem h3,#blog-calendar::before {margin:0;} h3.catListTitle{margin:0;} div#sidebar_myteams{display:none;} div#sidebar_recentcomments{display:none;} div#sideBarMain{width:325px;} .sidebar-block ul{padding-left:6px;} #main{width:1245px;} #sideBar{width:325px;} #ad_t2{display:none;} #ad_c1{display:none;} #ad_c2{display:none;} .c_b_p_desc{font-size: 14px;} .c_b_p_desc a{float: right;text-decoration: underline;} .postDesc{font-size: 14px;padding-left:15px;} .postDesc a{text-decoration: underline;padding-left:20px;}主要修改點：a、博客名稱跟副標題的高度調整b、博客首頁列表的字體大小進行了一些調整c、文章詳情頁面加寬了45px看起來d、隱藏了詳情頁面的廣告內容

然后我寫了一個自己的固定格式的摘要 <br> <span style="font-size: 10px; color: red;">作者：橋幫主&nbsp;&nbsp; &nbsp;&nbsp;來源：原創(chuàng)</span>公草根IT的作者不是一個人，而是一個團隊，因此我們在列表上增加了一個作者，只能從摘要下手了，效果如下圖

最后我自己增加了一個文章作者署名的模板 <div>&nbsp;</div> <div class="cnblogs_code" style="border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; padding-left: 5px; border-left: #cccccc 1px solid; padding-right: 5px; background-color: #f5f5f5" align="left"> &nbsp;&nbsp;來源：原創(chuàng)&nbsp;&nbsp;&nbsp;&nbsp;作者：大風&nbsp;&nbsp;&nbsp;&nbsp;本文地址： <a href="http://www.cnblogs.com/caogenit/p/5891704.html"> http://www.cnblogs.com/caogenit/p/5891704.html </a> </div> <p>&nbsp;</p>是草根IT的作者不是一個人，而是一個團隊，因此我們在每篇文章的開頭增加了署名，效果如下圖

?? 最后：為了避免rocket118兄更新了樣式導致我的優(yōu)化不生效，做個下載備份：MaterialCnblogs-master.zip

轉載于:https://www.cnblogs.com/caogenit/p/5891704.html

總結

以上是生活随笔為你收集整理的草根IT对博客模板MaterialDesign的优化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。