[若有所悟]博客行文及排版技法
序言
我有一个习惯,每天早晨到公司9:00-10:00这个时间段我都边吃早餐,边在园子里看博客,吸取食物营养和知识营养。看了不少博客,有写的好的,有写的差的。有不少牛人贴一段精妙的代码放上去,有时有心情我会研究一下,有时却怎么也提不起兴致去看那么复杂的代码;有不少人写了满篇的文字,各种复杂逻辑的演算被揉在一起,看着很痛苦;当然也有好的,比如这两天搞的博客园鸡飞狗跳的“抢书事件”的"始作佣者"——汤姆大叔,他的博客写的条理很清楚,看着很舒服。
相信园子里大多数都是理工科的,这也不能怪,我写文章也是“剪不断,理还乱”那种。我这篇博客不是教谁谁怎么写博客,而是我自己的总结,希望能起到抛砖引玉的作用,希望各位博客专家也能提供几条写博客的经验出来,一起提高写博客的水平。
正文
本博客准备从行文方法和排版技巧来阐述如何去写出一篇高质量博客。以下是本文的提纲:
一. 行文方法
1. 采用合适的行文结构:“总-分” 结构和 “总-分-总” 结构
2. 搞清楚博客读者对象:自己和其他人
3. 采用精简的条目语句:废话少说,一语中的
4. 适当使用类比比喻:用熟悉的来帮助理解不熟悉
5. 合理的安排行文顺序:人脑的事物认识发展规律
6. 适当使用图像图表:图像记忆强于任何其他形式的记忆
二. 排版技巧
1. 章节醒目化——更改文字css样式
2. 适当使用引用——编辑器自带的引用
3. 代码用编辑器提供的工具插入,尽量不要隐藏代码——编辑器自带
4. 使用合适的缩进层次
5. 关键字着色/加粗/斜体表示
6. 适当放大缩小字体
7. 适当使用符号标识
一. 行文方法
1. 采用合适的行文结构:“总-分” 结构和 “总-分-总” 结构
这里使用的是经典的议论文行文结构,即“总-分” 或 “总-分-总”的结构。这样的行文结构有什么好处呢?首先读者在第一个总的时候,就知道这篇文章准备说什么,一上来就一坨代码,鬼知道你要说什么。其次是分,如果读者对总里描述的部分感兴趣,那么就会仔细的去阅读分的内容,不会发生读者看了半天才发现自己对这个不感兴趣的情况。最后的总,读者可能看了半天的分,这时候,再来一个总,此时,读者又强化了自己对这部分内容的记忆。总之,总-分或总-分-总的结构对于写博客还是相当有好处的。对读博客的人也有很大好处。
2. 搞清楚博客读者对象:自己和其他人
有的人把博客当作自己的笔记来用,我的很多博客是这样的。给自己做笔记的博客就不用花费心血去弄各种结构和格式,这跟每个人高中记笔记一样,有的人喜欢记本子上,有的人喜欢记书上,只要自己看懂就行了。如果要放到博客园首页上,个人强烈建议花点心血去好好整理一下博客的内容,毕竟是要拿出手的东西,一篇乱糟糟的文章,读者看了不舒服,也丢自己的脸。
3. 采用精简的条目语句:废话少说,一语中的
有的人废话比较多,我也是这种,特别是写博客的时候,但是我一直压制自己的废话,尽量用一句话来描述清楚我的问题。这样语言精炼的博客,读者看起来就很清楚,不用跟着你的废话到处跑。再条目话之后的语句,给人一目了然的感觉,看起来很舒服。
4. 适当使用类比和比喻:用熟悉的来帮助理解不熟悉
对于一些比较晦涩的东西,比如设计模式,我以前看过几篇博客,把设计模式写成追女生,的确很通俗,很容易的就看懂了一种设计模式。如果你在博客上能把自己的思想描述清楚,那么我相信,当你说的时候,也会很清楚的。用熟悉的东西去类比,用扯蛋的东西去做比喻,这是写文章的修辞手法,也是我们写博客的利器,希望珍藏。
5. 合理的安排行文顺序:人脑的事物认识发展规律
这一点对于写博客的人要求就有点高了,如果你要把自己的博客给别人看,你要介绍一种技术。你要合理的安排介绍的顺序,你不能突然蹦出来一个概念,这个概念至少是大大熟悉的,或者前文提到的。合理安排行文顺序对于文章的易读性有很大的帮助。
6. 适当使用图像图表:图像记忆强于任何其他形式的记忆
这一点,相信我不用再多说什么了。园子里有个博主写博客喜欢用自己做的小图片来增加趣味性——川山甲,很喜欢这样有趣味的博客,读者有兴趣可以去看看,当然我很希望川山甲兄弟教教我们怎么做那个图的,他写的最新博客就在园子首页《X皮书之shell实战开发》,有劲的同学可以过去扯扯他让发一篇如何做趣图的博客哈!
二. 排版技巧
1. 章节醒目化——更改文字css样式
看汤姆大叔的博客里,有下图这样的式样,每一节看着都很醒目,刚写博客的新手可能不会,我也是研究出来的,这里写一下:
效果:
方法:
用编辑器自带的HTML源码编辑器打开html源码,把右边的代码贴上去即可:<p style="background: gray; font-size: 18pt; color: #ffffff;">
2. 适当使用引用——编辑器自带的引用
效果:
这是一段引用的文字,这里放需要读者注意的文字,或者从书上摘录的文字等。
方法:
3. 代码用编辑器提供的工具插入,尽量不要隐藏代码——编辑器自带
对于说明问题的代码,最好不要隐藏,要知道读者都比较懒,一次点击展开的操作有时也不愿意,更何况你要用它说明问题,那还干嘛要把它折叠呢?如果你的代码只是作为参考,完全可以放到附件里。
效果:
1 #include <iostream> 2 using namespace std; 3 4 int main(){ 5 cout<<"Hello, Cnblogs!"<<endl; 6 system("pause"); 7 return 0; 8 }
方法:
4. 使用合适的缩进层次
这个就参考本博客的缩进层次吧!呵呵!所谓的缩进层次就好比写代码一样,试想代码没有缩进层次是一件多么可怕的事啊!
5. 关键字着色/加粗/斜体表示
这个功能也是编辑器里的,有时为了突出一个新的概念,或是想读者立马注意到它,就可以这样做了。
6. 适当放大缩小字体
这也是吸引读者注意的一个手段了,编辑器里可以改字号,HTML里也可以通过css式样来改字号大小,随意了。
7. 适当使用符号标识
这里的符号指的是特别的符号,比如:■、△、◇、□、→、↑、※、★、━、①、ⅱ、Ⅲ等等。
总结
本文对如何写博客做了一个简单的总结,当作抛砖引玉的作用吧,希望大神们能提出更好的技巧。下面作为总,把序言里提到的方法再总结一下吧,希望能加深读者的印象。
一. 行文方法
1. 采用合适的行文结构:“总-分” 结构和 “总-分-总” 结构
2. 搞清楚博客行文对象:自己和其他人
3. 采用精简的条目语句:废话少说,一语中的
4. 适当使用类比比喻:用熟悉的来帮助理解不熟悉
5. 合理的安排行文顺序:人脑的事物认识发展规律
6. 适当使用图像图表:图像记忆强于任何其他形式的记忆
二. 排版技巧
1. 章节醒目化——更改文字css样式
2. 适当使用引用——编辑器自带的引用
3. 代码用编辑器提供的工具插入,尽量不要隐藏代码——编辑器自带
4. 使用合适的缩进层次
5. 关键字着色/加粗/斜体表示
6. 适当放大缩小字体
7. 适当使用符号标识