工具与艺术的结合：浅谈博客的排版规范与样式设计

漂亮的不像实力派

技术类的博客有个特点，就是不注重排版和样式(搞前端的还好点)。我见过很多人用的都是默认模板，可能搞技术的都有着Linux的哲学：

功能至上，要什么界面。

但人是具有审美观的动物，最贵的古董往往兼具观赏性和实用性，就好比一个外表绚丽的碗，放在老百姓家能吃饭、喝汤，放在皇帝家能供欣赏、把玩。

乾隆粉彩镂空“吉庆有余”转心瓶

此件清乾隆年代官窑花瓶，体态匀称，色泽饱满典雅，瓶身鲤鱼图案栩栩如生，配以镂空水波纹雕花设计，显得大气富贵，恰到好处地映衬了瓶颈上的红色“吉”字中所蕴含的吉祥之意。

2010年11月11日，在伦敦拍出，该瓶估价80万到120万英镑，最后以5.541亿元落锤。

再比如说苹果手机的大卖，也同样佐证了一个好的App应该同时具有功能和颜值。连雷打不动的Linux各发行版，为了占有消费级市场，这些年不也一个比一个界面做的漂亮了么

说了这么多，其实就想说，你丫能不能把排版好点，既没分段又没标题，就好像记事本粘过去的一大坨，我想再好的文章、再干的货，都没人会愿意看。

排版规范

好的排版即使脱离样式，一样能阅读的津津有味

原则

简洁大方，错落有序，结构清晰

规范

1. 文章标题用h1，正文的大标题用h2，小标题用h3(参考众多网站后得出)
2. 不在标题里写序号，由::before标签自动生成，详见 http://www.cnblogs.com/36bian/p/7609304.html

   手动维护编号实在是一件很闹心的事情， 如果位置靠前的某个段落被删除了， 那么几乎每个段落的编号都要手动修改一下。

样式设计

好的样式搭配好的排版，如同锦上添花

程序员往往缺乏美工般的审美，所以我只稍微说下我的理解

原则

1. 颜色风格应与整体界面保持一致，不能说别的都是蓝的，你搞个红的。
2. 紧随当下的潮流，比如前些年流行拟物，现在流行扁平

后记

意识不是一开始就有的，我也是看到优秀的排版之后，才决定好好收拾一下自己的。
关于样式的选择，可以网页搜索前端开发博客多参考他人页面的设计，结合自己的情况左右改动，最后决定用哪种方案。
最后说一点，博客做的再漂亮，也要在内容精品的前提下才会被更多人关注，切不可只追求花哨，丧失了内容，落个本末倒置就非常糟了。