充分利用HTML来让技术文章更加易读——初步探索(效果，因为既预览又源码出来效果有点怪，所以另发了)

(自己做个示例好了～～)（做完只能说，初步技术而已。。。）

为了提高技术文章可读性，增强其美观性，特别介绍一下吧～～

CSDN博客提供了HTML编辑功能，暂时还没有开放CSS，但是应该是指日可待的。有了CSS之后，估计也就是皮肤自定义吧，然后栏目排版可以自选，但是如果博文本身的质量不够的话，与CSS设计出的界面也会不协调。

 

另外，对于我们具体的技术人员来说，并不做网页设计，所以就算以后要用CSS来弄博文格式了也没关系，反正不管CSS还是HTML或者HTML5，我们都用可视化工具，然后生成代码复制粘贴完事。不要批判我知其然不知其所以然。。。。这个不知道也是OK的，人的精力有限。

好的，正题：

首先，我们可用 http://plugnedit.com/， 这是可视化编辑HTML的，设计好之后，产生源码是这样：

具体功能大家自己发掘～

通过这个我们可以进行一般的排版，比CSDN自己提供的要强，至少这个可以画框框，加背景色等等。

然后，当然我们不会想每次写文章都来个版面设计，这里画一个框，那里填一下色吧，所以要找那种能提供模板的，并且可以时常换换口味的网站。

我只能说。。。我换了无数关键词，几乎就没有提供这种的。。。。。

但是有一个方案，就是，看到自己喜欢的文章式样后，查看源代码，然后拷过来就行～～如果是HTML的话。

另外，HTML主要就是位置，字体大小，字体和背景颜色等等，图片之类的要用其他工具来做，特别是信息图。这个就参考下面的一些链接吧。

如果大家有好的样板，欢迎分享～～

关于博客文章的版面设计，可以参考：
How to Create �The Perfect Blog Post�  http://diythemes.com/thesis/perfect-blog-post/

10 Websites and Books to Learn HTML http://weblogs.about.com/od/bloggingtools/tp/ResourcestoLearnHTML.htm

Designing a blog with html5  http://html5doctor.com/designing-a-blog-with-html5/

14 Tools to Create Engaging Infographics and Images for Social Media Posts  http://www.huffingtonpost.com/belle-beth-cooper/14-tools-to-create-engagi_b_4804924.html

30 Great Examples of Blog Post Styling http://www.incomediary.com/30-great-examples-blog-post-styling

站长图库 http://www.zztuku.com/