如何编写漂亮日志博客（原）

blockquote {
background-color: #eff4e1;
border: 1px solid #cddd9e;
border-radius: 15px 15px 15px 15px;
margin: 2em 16px;
color: #333333;
font-size: 14pt;
font-weight: bold;
}
blockquote:after {
bottom: -0.15em;
content: url("http://images.cnblogs.com/cnblogs_com/rush/268781/o_quote_right.png");
float: right;
font-size: 6em;
line-height: 0.1em;
position: relative;
right: -0.15em;
}

blockquote:before {
content: url("http://images.cnblogs.com/cnblogs_com/rush/268781/o_quote_left.png");
font-size: 6em;
left: -0.15em;
line-height: 0.1em;
position: relative;
top: -0.15em;
}
一直以来都想把自己的博客风格与外观好好调整一下，让人有耳目一新的感觉，每当看到别人漂亮的博客，这种冲动更加强烈。终于利用一点时间学习了一下如何改变自己博客风格的方法、工具、注意事项，通过实践觉得还是有挺多收获的，因此将学习过程记录下来，为有这方面需要的人提供一点帮助。为不使大家对较多文字感到厌烦，我尽量言简意赅！

一、编写准备

俗话说“工欲善其事，必先利其器”，编写博客也有一些工具、插件帮助你实现自己的风格，我选择的是Window Live Writer，它可与博客服务器连接即时发布，具有离线编辑，所见其所得，插件支持等强大功能。

Window Live Writer下载地址：http://explore.live.com/windows-live-writer；

Window Live Writer配置使用：打开Window Live Writer－日志－添加日志账户，根据你的博客地址选择日志服务，然后填写URL地址（访问博客URL），用户名（登录名），密码，连接（Window Live Writer会下载你日志服务器后台环境设置，Web编辑器、CSS样式等）；

Window Live Writer的三种视图：编辑，预览，源代码

编辑：进行正常的文字编辑，提供通用的排版、格式设置等功能 预览：提供日志的预览功能，与发布后的日志效果基本一志（模拟IE浏览器，对于Firefox与Chrome的样式不能支持） 源代码：提供日志后台源码编辑功能，增加扩展性和灵活性，但由于源码较复杂，对于没有HTML基础的人来说是难以想像的。。。
Window Live Writer插件支持，可以为Window Live Writer安装一些插件来辅助编辑，插件的下载地址集中存放于微软的Window Live Plugs网站，可以根据分类下载需要的插件到本地，直接运行安装，然后重新启动Window Live Writer在右下角可看到插件button标识。常用插件如：

Polaroid Picture可以制作漂亮的宝丽来相纸效果，插入图片，非常受欢迎。 插入代码块 使用SyntaxHighlightx库 支持代码折叠，用户选择是否折叠代码 定义折叠显示的名称 用户添加网站模版，非常适合编辑含有代码的博客日志。 from Visul Studio插件可将复制或剪切自Visual Studio等IDE环境中代码保持原样粘贴到所编辑日志中，具体使用：IDE中复制代码－Window Live Writer中确认要插入位置，点击from Visul Studio粘贴即可 Inert Symbol 可以插入一些特殊符号

二、日志编写

持续更新。。。