岁岁年：好久没更新博客了，分析一下，一个太懒了。..所以好久都没有整理出来。更何况，博客园默认的博客界面实在是太丑了。作为一个控颜者，我真的受不了了。个人比较喜欢用makedown来写博客，但是博客园自带的编辑器真的不是很友好。....好在博客园比较人性化，有自定义页面样式的功能。为了装修博客，断断续续花了3、4天（效率太低了）。参考了一些博客后，我做了一些整理。Tips: 可能博客里的代码和现在的风格有点不一样，那是后期调整风格的缘故。具体代码参考GitHub：https://github.com/RealAndMe/blogs-style1。基本介绍1-1．介绍一下我的博客设置。个人比较习惯用Makedown来写，所以我选择的编辑器是Makedown，可以在【管理】-【选项】中设置。[Administration]-[Templates]中有很多博客模板，可以直接使用，界面也会更好看。我使用red_autumnal_leaves（红叶）是因为我的样式定制是在红叶模板的基础上修改的，所以可能和其他模板存在兼容性问题。这可以根据您自己的模板和偏好进行修改。（我已经尽力让样式兼容了，但是模板太多了，力不从心。。。）1-2.简单的操作就可以通过查看元素来设置您满意的样式。操作是F12。F12操作可以打开控制面板，具体的样式可以直接在上面修改，然后保存修改的样式即可。保存样式后，复制到【管理】-【设置】-页面自定义CSS代码，然后【保存】注意：有时候因为样式的优先级，修改后的样式不起作用，这里我选择简单粗暴！重点解决2.设置标题、副标题、导航栏2-1．标题和副标题标题和副标题在页面顶部，在【管理】-【设置】-标题、副标题/*博客标题和副标题*/#blogTitle{overflow:hidden;高度：自动；文本对齐：居中；}#blogTitleh1{字体大小：35px；宽度：100%；margin-left:0;}#blogTitleh2{margin-left:0;宽度：100%；字体大小：20px；字体粗细：粗体；颜色：#000；}2-2。博客顶部的导航栏/*博客导航栏*/#navList{float:left;}#navListli{border:none;font-size:16px;}.blogStats{display:none;}3.设置博客侧边栏3-1.侧边栏整体公共样式/*sideBar博客侧边栏容器*/#sideBar{width:300px;框大小：边框框；左边距：30px；padding:0;}.newsItem,.catListComment,.catListEssay,.catListView,.catListFeedback,#blog-calendar,#sidebar_postcategory,#sidebar_postcategory,#sidebar_postarchive,#sidebar_search{/*为侧边栏的每个模块添加圆角和阴影*/border-radius:10px;框阴影：1px2px3px#A7A8广告;background-color:#fff;}#sideBarMainh3,.newsItemh3{/*侧边栏各模块标题部分*/font-size:1.2em;高度：50px；行高：50px；文本缩进：0.5em；背景：url(http://www.cnblogs.com/skins/red_autumnal_leaves/images/titlebg.png)无重复左居中#fff;填充：00050px；保证金底部：0；边框：1px实心#55895B；左边框宽度：5px；边界半径：10px；border-right-width:5px;}/*侧边栏列表样式*/#sideBarMainul{background-color:#fff;填充：15px20px；border-bottom-left-radius:10px;border-bottom-right-radius:10px;}#sideBarMainli{line-height:40px;border-bottom:1pxsolid#ddd;字体大小：14px;}3-2.侧边栏公告3-3。头像在【管理】-【设置】-博客侧边栏公告中设置这里添加html代码添加头像，地址使用自己的头像//图片地址换成自己头像的地址3-4.侧边栏公告样式/*侧栏公告*/#blog-news>img{/*头像*/display:block;保证金：自动?;border-radius:50%;}#profile_block{字体大小:15px;填充：20px；line-height:1.8;}#profile_block>a:link{color:#F60;}/*公告结束*/3.sidebarcalendar/*calendar*/#blog-calendar,#calendar{width:300px;}#博客日历td{填充：5px3px；font-size:14px;}#blog-calendartda{font-weight:bold;颜色：#59a020;}#blog-calendar表a:hover{颜色：#59a020;文本修饰：下划线；background:transparent;}#blog-calendartableu{text-decoration:none;}/*日历结束*/4.侧边栏搜索框/*侧边搜索框*/.mySearch{padding-bottom:10px;}.mySearch>div{padding-top:10px}.mySearch#q{height:40px;宽度：150px；边界半径：5px；border:1pxsolid#ddd;}.mySearch#btnZzk{height:42px;宽度：90px；背景：#fd6d0dd1；颜色：#fff；;字体大小：15px；光标：指针；}.div_my_zzk{填充：020px；显示：弹性；证明内容：空格around;}/*搜索框结束*/4.评论列表：因为我很少更新博客，而且质量不是很高，所以评论很少。.所以现在的评论列表样式是这样的。如果以后有更多的评论，那么我会继续修改样式。毕竟我是美女控！！ 4-1。底部评论表单/*评论*//*评论列表*/#blog-comments-placeholder{border-radius:10px;背景：#fff；padding:30px40px;}.feedback_area_title{background:url(//www.cnblogs.com/skins/red_autumnal_leaves/images/titlebg.png)无重复左居中#fff;边框：1px实心#55895B；左边框宽度：5px；边界半径：10px；边框-右宽度：5px；padding:15px50px;}/*提交评论按钮*/#btn_comment_submit{border:solid1px#fd6d0dd1!important;宽度：90px；高度：40px；颜色：#fff！重要；背景色：#fd6d0dd1！重要；边界半径：5px；字体大小：16px；光标：指针；}4-2．侧边栏评论/*侧边评论*/li.recent_comment_body{line-height:30px;}5.个性签名个性签名根据个人喜好设置，可在【管理】-【设置】-【博客签名】中自定义。我的个性化签名设置如下图。/*个性化签名*/#MySignature{box-shadow:8px1px10px#989898;填充：10px；文本阴影：1px1px1px#FFF；字体大小：17px；左边框：纯色5px#55895B；背景：#F3F3F3；边框半径：10px10px50%10px；行高：2.4；margin:40px0;}#MySignaturea{text-decoration:none;颜色：#4183c4；font-weight:bold;}#MySignaturea:hover{text-decoration:underline;颜色：#f60；}#MySignature跨度{颜色：#f60；}6。博文正文样式/*标题标题样式*/#topics.postTitle{font-size:25px;填充：040px；边框：无；box-sizing:border-box;}#cb_post_title_url{border:1pxsolid#55895B;左边框宽度：5px；边界半径：10px；-位置：左中；填充：15px50px；宽度：100%；显示：内联块；box-sizing:border-box;}/*设置背景颜色和字体大小*/body{font-size:15px;box-sizing:border-box;}/*mainContent主要内容容器*/#main{display:柔性;width:95%;}#mainContent.forFlow{margin:000310px;}#mainContent{margin:000-310px;}#post_detail{overflow:hidden;}/*主要内容样式*/.postBody{padding:20px40px;}#cnblogs_post_body{font-size:15px;}#cnblogs_post_bodyh2{//标题h2border-left:5pxsolid#55895B;填充：10px20px；行高：2；背景：#d6dbdf8a；margin:30px0;}#topics.postDesc{display:none;}7.其他部分的样式/*跟随收藏夹等几个按钮*/#green_channel{padding:10px;边距：20px0；字体大小：15px；宽度：400px；}#green_channela{border-radius：3px；文字阴影：无；字体粗细：正常；box-shadow:none;}/*禁用下划线*/.postBodya:link,.postBodya:visited,.postBodya:active{text-decoration:none;}/*上一篇文章下一篇文章*/#post_next_prev{font-尺寸：14px；color:#535353;}/*底部隐藏作者，隐藏推荐和不赞成*/#author_profile{display:none;}#div_digg{display:none;}/*隐藏广告*/#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb{显示：无；}
