2〉删除操作命令
x 删除光标所在的字符【delete】
dw 删除光标所在的单词
d $ 删除光标至行尾的所有字符
/d d 同/d d $
dd 删除当前行
dnd 删除当前n行
dG 删除当前行到最后一行
可在删除命令前加上数字，如<5x表示删除5行。

3〉改变与替换操作命令
r 替换光标所在的字符
/rr 替换字符序列
c $ 替换自光标位置至行尾的所有字符
cl 修改当前字符
cc 修改当前行
c$ 修改到行尾的内容
:%s#abc#123#g 将文中的所有abc都替换为123
ddp 上下两行交换（其实是先dd，然后执行p）

4〉查询命令
/string 往前搜索string【支持正则】
n 查找下一个
?string 往后搜索string
/+上下箭头 搜索历史
:+上下箭头 :命令的历史
* 往前查找当前word，前提是光标移动到要查找的word
# 往后查找当前word，前提是光标移动到要查找的word
/\<word\> 只匹配word，不匹配wordstr等等
% 查找匹配的括号，前提是光标要在一边的括号上
fx 在当前行移动到下一个字符x

5〉拷贝与粘贴命令
yw 将光标所在单词拷入剪贴板
y$ 将光标至行尾的字符拷入剪贴板
Y 同
yy 将当前行拷入剪贴板
yny 将当前n行拷入剪贴板
p 将剪贴板中的内容粘贴在光标后
P 将剪贴板中的内容粘贴在光标前

6〉文件编辑、保存及退出vi命令
:q 不保存退出
:q! 不保存强制性退出
:w 保存编辑
:w filename 存入文件filename中
:w! filename 强制性存入文件filename中
:wq / / ZZ 保存退出
:wq! 强制保存然后退出

7〉其他命令
:args 显示当前文件名
u 撤销，相当于Ctrl+z
U 一次撤销一行的所有操作
Ctrl+R 重做
:help 查看所有帮助
:help 0 查看关于0的帮助
ZZ 退出帮助，回到编辑模式
Ctrl+G 知道【文件名 是否修改 当前第一行 前面所占行的百分比】
Ctrl+v 选择一个块
:set number 显示行号
:set nonumber 不显示行号
:set rule 显示光标位置
:set ignorecase 搜索不区分大小写
:set noignorecase 搜索区分大小写
:ab string string 提示（比如:ab abc abcdefg，当输入abc然后输入空格，abc自动变为abcdefg）
:new filename 打开或新建文件，如果不指定文件名或者文件名不存在则是新建文件。
:set ruler 打开光标的行列位置显示功能
:set shiftwidth=4 设置自动缩进格数
:set autoindent 打开自动缩进功能
:set paste 粘贴的时候关闭自动缩进
:set nopaste 粘贴的时候打开自动缩进

三、进入vi的命令
vi filename: 打开或新建文件，并将光标置于第一行首
vi +n filename: 打开文件，并将光标置于第n行首
vi + filename: 打开文件，并将光标置于最后一行首
vi +/pattern filename: 打开文件，并将光标置于第一个与pattern匹配的串处
vi -r filename: 在上次正用vi编辑时发生系统崩溃，恢复filename
vi filename.filename: 打开多个文件，依次进行编辑
vi + /word filename:进入vi并且由文件的word这个字开始

注意:Ctrl+S在Linux下是停止显示终端的输出，这个时候屏幕就像定住了一样，终端不会继续输出，也不会响应你的输入，需要按一下 Ctrl-Q 即可恢复输入。

您可能还会对以下文章感兴趣

• 2011/02/17 -- 我家宝宝生病后痛苦的治病经历
• 2010/03/19 -- 关键词竞争程度的研究探秘
• 2011/10/12 -- 团购网的现状
• 2011/07/05 -- 42生活小点子（二）
• 2010/08/25 -- 书到用时方恨少－我学GIMP的方法
• 2010/01/26 -- 域名及路径-晋阶168网
• 2011/05/25 -- 影响搜索引擎排名的基本因素（四）关键词密度和位置
• 2010/03/22 -- 做事要习惯统筹安排-效率第一
• 2010/02/14 -- 一个网站是否会因为关键字堆砌而受到惩罚？
• 2010/02/07 -- 什么是关键字密度（Keyword Density）？

:s/vivian/sky/ 替换当前行第一个 vivian 为 sky

:s/vivian/sky/g 替换当前行所有 vivian 为 sky

:n,$s/vivian/sky/ 替换第 n 行开始到最后一行中每一行的第一个 vivian 为 sky

:n,$s/vivian/sky/g 替换第 n 行开始到最后一行中每一行所有 vivian 为 sky

:n,$s/vivian/sky/gc 替换第 n 行开始到最后一行中每一行所有 vivian 为 sky时都提示是否替换

n 为数字，若 n 为 .，表示从当前行开始到最后一行

:%s/vivian/sky/（等同于 :g/vivian/s//sky/） 替换每一行的第一个 vivian 为 sky

:%s/vivian/sky/g（等同于 :g/vivian/s//sky/g） 替换每一行中所有 vivian 为 sky

可以使用 # 作为分隔符，此时中间出现的 / 不会作为分隔符

:s#vivian/#sky/# 替换当前行第一个 vivian/ 为 sky/

:%s+/oradata/apras/+/user01/apras1+ （使用+ 来 替换 / ）： /oradata/apras/替换成/user01/apras1/

1.:s/vivian/sky/ 替换当前行第一个 vivian 为 sky

:s/vivian/sky/g 替换当前行所有 vivian 为 sky

2. :n,$s/vivian/sky/ 替换第 n 行开始到最后一行中每一行的第一个 vivian 为 sky

:n,$s/vivian/sky/g 替换第 n 行开始到最后一行中每一行所有 vivian 为 sky

(n 为数字，若 n 为 .，表示从当前行开始到最后一行)

3. :%s/vivian/sky/（等同于 :g/vivian/s//sky/） 替换每一行的第一个 vivian 为 sky

:%s/vivian/sky/g（等同于 :g/vivian/s//sky/g） 替换每一行中所有 vivian 为 sky

4. 可以使用 # 作为分隔符，此时中间出现的 / 不会作为分隔符

:s#vivian/#sky/# 替换当前行第一个 vivian/ 为 sky/

5. 删除文本中的^M

问题描述：对于换行,window下用回车换行(0A0D)来表示，Linux下是回车(0A)来表示。这样，将window上的文件拷到Unix上用时，总会有个^M.请写个用在unix下的过滤windows文件的换行符(0D)的shell或c程序。

· 使用命令：cat filename1 | tr -d “^V^M” > newfile；

· 使用命令：sed -e “s/^V^M//” filename > outputfilename。需要注意的是在1、2两种方法中，^V和^M指的是Ctrl+V和Ctrl+M。你必须要手工进行输入，而不是粘贴。

· 在vi中处理：首先使用vi打开文件，然后按ESC键，接着输入命令：%s/^V^M//。

· :%s/^M$//g

如果上述方法无用，则正确的解决办法是：

· tr -d “\r” < src >dest

· tr -d “\015″ dest

· strings A>B

6. 其它

利用 :s 命令可以实现字符串的替换。具体的用法包括：

:s/str1/str2/ 用字符串 str2 替换行中首次出现的字符串 str1

:s/str1/str2/g 用字符串 str2 替换行中所有出现的字符串 str1

:.,$ s/str1/str2/g 用字符串 str2 替换正文当前行到末尾所有出现的字符串 str1

:1,$ s/str1/str2/g 用字符串 str2 替换正文中所有出现的字符串 str1

:g/str1/s//str2/g 功能同上

从上述替换命令可以看到：g 放在命令末尾，表示对搜索字符串的每次出现进行替换；不加 g，表示只对搜索

字符串的首次出现进行替换；g 放在命令开头，表示对正文中所有包含搜索字符串的行进行替换操作。

您可能还会对以下文章感兴趣

• 2010/02/05 -- robots.txt带来的风险及解决办法
• 2011/06/15 -- VPS如何绑定域名？
• 2011/05/30 -- 家人没人给花卉浇水怎么办？
• 2011/10/12 -- 团购网的现状
• 2010/03/11 -- 如何才能走的更远
• 2010/01/15 -- 那里有压迫那里就有反抗
• 2010/01/19 -- 使只播放一次的flash循环播放
• 2011/05/20 -- 学习SEO需要具备的基础知识
• 2012/01/09 -- 2011年中国域名网址十大事件
• 2010/01/22 -- 读个人开网店需实名注册有感

有些网站没有自动加水印的功能，当然淘宝有，不过我没有去研究，下面只给大家说一下怎么样用美图秀秀来给需要上传的图片加水印吧。

首先打开随便一张图片做实验，我这张是截图的正在聊天的QQ秀了。在软件里点击文字—–输入静态文字，下面就会自动出现加文字的入口。

可以加上你需要加的字，网址什么的。这是我的淘宝网址就用这个举例吧。字体可以随意选，如果不能上网的话下面这个网络字体的功能就不能使用了，不过里面的字真的很好看的。字体颜色，大小，加粗，倾斜，透明度，都可以自己按照和适度调整。

在高级设置里面可以描边，颜色也是可以随意选择的。

选择合适的位置，右键设置好的字导入用户自定义。

自动会出现在用户自定义当中，以后再打开图片，直接从切换分类里找到用户自定义点击想要加的水印就会出现在相应的位置。

这样一个图片的水印就加好了。如果你只需要写篇文章的话用这个自然是很方便的。因为ps循环利用的可能性不是太大。每张图片保存的时候都有背景，而且操作起来并不是那么简单。你学会了吗？

您可能还会对以下文章感兴趣

• 2010/11/28 -- 不知何时，自己越来越懒了
• 2011/04/27 -- 雅虎给出的优化网站加载速度的34条法则
• 2011/08/18 -- 利用企业微博营销的技巧实战
• 2011/07/10 -- SDCMS如果忘记密码怎么办
• 2010/02/09 -- 关键字密度与关键字分布是否有区别？
• 2011/11/10 -- 规模团购网站未来或不超过5家
• 2011/08/05 -- 通过贴吧获取高质量流量
• 2010/03/21 -- 网站结构如何优化
• 2011/11/01 -- 关键词（二）关键词的选择
• 2010/04/09 -- 贪了个小便宜

您可能还会对以下文章感兴趣

• 2010/01/19 -- 介绍一款免费好用的FTP软件filezilla
• 2011/08/18 -- 利用企业微博营销的技巧实战
• 2011/08/12 -- SDcms研究
• 2010/03/21 -- 快速注册一个好域名的技巧
• 2011/06/06 -- 十个Google关键词分析工具
• 2011/05/13 -- 网络推广,网站优化和SEO
• 2011/08/06 -- PS制作弧形文字
• 2010/12/31 -- 年末总结
• 2010/04/22 -- 网站变黑灰色最简单的方法
• 2010/03/31 -- 通过百度收录的变动反思搜索引擎算法

您可能还会对以下文章感兴趣

• 2010/03/25 -- nofollow属性不影响站长与访客的感情
• 2011/10/12 -- 团购网的现状
• 2010/03/19 -- 关键词竞争程度的研究探秘
• 2011/04/15 -- 企业网站优化大忌
• 2010/01/15 -- 想开发一套网站
• 2010/03/03 -- 创造流行产品或服务的方法
• 2010/03/05 -- 老婆给定的减肥计划
• 2011/08/15 -- 国内建站com主流化cn边缘化
• 2010/11/28 -- 不知何时，自己越来越懒了
• 2011/06/25 -- Django中使用多线程发送邮件

1、热闹：让用户感觉到自己网站很有人气的样子；
2、大气：因为此类排版是模仿门户网站风格的，所以显得大气和专业。
其实，这是一种自欺欺人的设计，效果只能使得其反。因为：
1、关于热闹：
虽然把排版搞的很复杂，另外加许多花花绿绿的图片看起来很热闹，但是也仅仅是看起来很热闹罢了，对于普通用户而言，他根本不关心这种感觉，用户需要的是快速找到自己需要的信息。打开这样的网页，会让用户找不到重点，会让用户发晕，更会让用户觉得你这个网站没特点，然后很快就关闭你的网站了。
今天看到一个关于影视的网站，整个网站全是用Flash设计的，没有一点简介的意思，而且北京用的是黑灰色的长城图片，Flash网站让人看得眼花缭乱，我不反对Flash建设网站，但是不希望过多在这上面浪费时间，如果单从用户方面而不是优化角度，我也认为这个网站根本就不值得看，太乱了。
2、关于大气因为网站之所以那样设计，是有历史原因的，因为早期主要靠卖广告位，而客户就需要买首页，首页搞的很复杂，广告位才能多。你的网站也这样设计的话，你这样模仿门户网站，只能模仿来用户网站首页的形，但是你也搞不来门户网站的流量。
曾经有一个朋友，个人做了一个网站，直接抄袭了三大门户，然后把三大门户某频道整合到了一起，看起来非常大气，每当给朋友介绍自己网站的时候，一打开网站，就会让对方大吃一惊，觉得他的网站至少是由上百人做出来的，这位朋友此时会得意一番。但是呢？他这个网站做了三四年，也没赚什么钱，为什么呢？因为他根本不吸引用户，做了两年，每天都还不到200IP。
所以，在设计网页排版的时候，千万不要玩这种自欺欺人的排版设计，特别是一会儿两列，一会儿三列，然后又一列，最后再四列的那种排版.
其实，就算一个网页内容比较多，但是排版布局不乱，用户一样会觉得比较方便和舒服。如何做呢？
遵循一个核心原则：别让用户总摇头，多让用户多点头。
什么意思呢？
简单一点，要两列，就两列到底，要三列，就算列到底，这样用户从上往下看，一目了然。从上弯下，头必然会点头，就会让用户潜意识不断确认和肯定。
如果一会三列，一会儿四列很乱，结构很乱的话，用火必须让头左右不断转动才能浏览，左右转动就是摇头，摇头就会让用户潜意识不断的拒绝和否定。
所以，在搞网页设计的时候，建议设计师朋友不要盲目的按照同行或者习惯的形式主义来设计。而是要以用户很中心来设计。针对首页，保持以下几个原则：
1、吸引眼球：让人立刻知道你是干什么的
2、超级导航：让用户能够迅速找到自己需要的信息，导航一定要做好。但是我不建议大家都用那种纯粹的模板，看起来没有什么技术含量，我看过很多套模板的网站，当然那种网站的所有人也不知道这是怎么做出来的，但是专业人士一眼就能看出来那只是在模板上改了几个汉字而已。我讨厌那种感觉，那简直就是在浪费资源。可以适当的新颖一些，但是现在的建站公司是以利益
为主的嘛，管它什么作品，只要客户满意就什么都好办，其实客户如果懂还能让你做？真是欺骗外行人啊！
3、精华内容：适当把最吸引用户的精华内容展现出来，方便用户和搜索。
尽量使自己的网页看起来舒服，当然简介大方让人看起来清新一目了然，否则你进入一个网站找了好长时间都没有找到你需要找的信息，那你还继续找吗？你的时间比别人多？

您可能还会对以下文章感兴趣

• 2010/03/23 -- 国际顶级域名注册仅需1元
• 2011/09/20 -- 谈谈网上购物与SEO
• 2011/06/23 -- 域名价值的鉴定
• 2010/01/24 -- 301重定向代码及使用
• 2011/07/16 -- 新站三个月的经验总结
• 2010/01/15 -- 想开发一套网站
• 2011/06/24 -- 如何绑定域名
• 2010/01/24 -- 网站分析-晋阶168网
• 2010/02/08 -- 不同的搜索引擎对待关键字密度的态度都不同吗？
• 2011/07/27 -- 狼的十大处世哲学

不过事在人为，经过几个小时的整理，总算弄出来一段还算简洁实用的代码。还是先来看看代码：

（不知为什么代码发表出来总是不完整，所以将其打包后供大家下载。）

这段代码的用法就很简单了，里面的<javascript>代码不要动。将他一起放到你想插入的网站里。其中<div class=”qbox” id=”divQQbox”>……</div>之间的内容就是悬浮物或QQ的样式了。<style>……</style>是他的CSS样式信息。通过修改他和javascript就可以实现在网站的任何位置悬浮。

演示文件和源代码下载地址：qq悬浮

您可能还会对以下文章感兴趣

• 2010/01/14 -- 完美的结果产生于不完美的选择
• 2011/05/29 -- 常见花的花语
• 2011/02/13 -- linux下最类似foxmail的邮件客户端软件-claws mail
• 2011/08/09 -- 服务器C盘空间不足的处理方法
• 2010/02/01 -- 研发作弊技巧不如提高技术水平
• 2011/12/05 -- 微博营销
• 2010/08/25 -- 书到用时方恨少－我学GIMP的方法
• 2010/05/21 -- css+javascript实现鼠标点击后状态不变
• 2011/08/20 -- 利用美图秀秀给图片加水印
• 2011/07/11 -- 论坛签名的外链降权了

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>一个简单的点击后显示与隐藏表格的例子</title>
<script type=”text/javascript”>
function toggle( targetId ) {
if (document.getElementById){
target = document.getElementById( targetId );
if ( target.style.display == “none”) {
target.style.display = “”;
} else {
target.style.display = “none”;
}
}
}
</script>
</head>
<body>
<table width=”355″ border=”0″ cellpadding=”0″ cellspacing=”1″ bgcolor=”#999999″>
<tr>
<td height=”30″ bgcolor=”#FFFFFF”><input name=”aa” type=”button” value=”确定” onclick=”toggle(‘aaa’);” />
点这里显示/隐藏 </td>
</tr>
<tr id=”aaa”>
<td height=”30″ bgcolor=”#F3F3F3″> </td>
</tr>
<tr>
<td height=”30″ bgcolor=”#FFFFFF”><input name=”aa2″ type=”button” value=”确定” onclick=”toggle(‘bbb’);” />
点这里显示/隐藏 </td>
</tr>
<tr id=”bbb”>
<td height=”30″ bgcolor=”#F3F3F3″> </td>
</tr>
<tr>
<td height=”30″ bgcolor=”#FFFFFF”><input name=”aa3″ type=”button” value=”确定” onclick=”toggle(‘ccc’);” />
点这里显示/隐藏 </td>
</tr>
<tr id=”ccc”>
<td height=”30″ bgcolor=”#F3F3F3″> </td>
</tr>
</table>
</body>
</html>

在网上找了一段鼠标点击后显示与隐藏的例子，觉得挺不错的。比我写的代码要简洁的多了。以后做网站留着用。

这个例子的全部就是那一小段javascript代码。想想自己学javascript的过程还真是挺搞笑的，从来没看过教程，也没看过想关书籍。每次都是用的时候，就从网上找段代码用。时间一长，居然也会自己编写了。

您可能还会对以下文章感兴趣

• 2010/05/21 -- css+javascript实现鼠标点击后状态不变

没办法，任务下来了不做是不行的。这时只恨自己以前怎么不多学点这方面的东西呢。虽然到用时才觉得重要，可也不能为以后添加麻烦。说不定以后什么时侯又用到了，所以做个决心，开始学做图片。

说起来是轻松，可实际做起来可真够难的。在linux下用wine运行photoshop必竟不太理想。只能选择跨平台的GIMP。说起来，GIMP的教程和photoshop的都没法比，不是一个量级的。不过还好，photoshop能完成的GIMP基本都能完成。也就没有了任何的后顾之忧。接下来就是花段时间好好学GIMP了。

从头看教程，时间太长，也不适合我的学习方式。个人觉得只有实践才能出真知，按照别人做图片的步骤亲自操作几遍。要比你看半天书学的多的多。举例来说吧：我从教程里学了1个小时，终于弄懂了某个工具能干什么用。而到实际做图的时候，就在想，这个软件添加这个工具有什么用，根本没什么用处吗。而若从例子中学时，就会有一种，这种工具原来是这么用的感觉。再比如：学锄地，老师花一天的时间给你介绍锄头的特性及用法，再好一点的老师甚至把锄头的制作方法，分子组成都告诉了你。你虽然什么都知道了，可还是不会用。而跟着父母去地里干上一小时活，你甚至都能自己创造几种用法。

从学习的经历中，我发现了个问题。越是想学的完整的人，越是什么也学不到。而零零散散学东西的人，到最后却什么都学会了。我不知道这是为什么，也许是前者意志不够坚定的原因吧。也有可能是后者因为没有系统的学习而导致经常犯错误，而真正的知识也就是从错误中学来的。比如，以前我学习时，为了能完完整整的学会某些知识。把有关该知识的所有介绍资料都统统看一遍，甚至听人们说介绍的不完全的资料我从来都不看，只看介绍全的资料，以求一字不剩的将这些知识都学会。可是结果却让我哑然，我不但没能掌握这些知识，甚至到最后，我连这些知识介绍了什么都不知道，更别谈什么应用了。而自己以前不在乎的知识，只是随便看看学点就行了。可就是这种随便的心态让我精通了编程，页面的布局，后台的创作。真是有点自己搞自己的笑话。

话好像说多了，还是把我学GIMP的小例子与大家分享一下吧。把下面链接中的例子操作一遍，基本上把GIMP认的差不多了。自己作图也是小菜了，不过还得个人经常的创新才行。要是怕犯错就不用学了，要是一个错都没犯，基本上也没学到什么知识。只有不断的犯错，并从错误中学到经验才能真正的学会知识。当你回忆时也会因为“做这个例子时我把XX给弄错了”而给自己的生活添加色彩，不是吗？学校里老师从小就教我们，不能犯错误。可是长大了，基本上是跟老师教的对着干。哈哈，不管怎么样吧。还是那句话，真正对自己有用的才是有效的。

GIMP操作实例：http://www.verycd.com/groups/c/741772.topic

这上面介绍的例子很少，不过很有用。如果做完了，可以从网上再搜索一些其他的例子做。只要懂得方法，不愁学不到知识。

您可能还会对以下文章感兴趣

• 2010/03/13 -- 不要轻易改变志向
• 2010/01/13 -- SEO常用在线工具
• 2011/07/05 -- 42生活小点子（三）
• 2011/10/25 -- 一些搜索引擎中用到的指令
• 2010/01/22 -- 想写点营销类的东西
• 2012/01/30 -- 雅虎外链检查工具
• 2011/07/30 -- 对待沙盒效应
• 2011/09/29 -- 制作404错误页面需要注意
• 2010/03/10 -- 网站关键词的制定
• 2011/11/14 -- IT类专业网站前途堪忧

.body{margin:0;padding:0}

照常理来说是不应该出现这样的状况的。一时间，让我百思不得其解。在网上找了半天没发现什么有用的信息。不过在查看教程时无意发现了几个属性，尝试着添加上，居然去除了这些可恶的空白。

这几个属性需要添加到<body>中。我的代码是这样的：

<body  topmargin=”0″ marginheight=”0″ leftmargin=”0″>

将这几个属性添加上后一切正常。

后来，在网上查了一下这几个属性。原来是很普通的，设置浏览器与页面边距的属性。只是不同的浏览器显示的不一样。跟margin的属性差不多。ie下识别topmargin但是firefox下却不识别。所以，应该两个属性一起用才能在各浏览器中得到想要的结果。

解决了这个问题并没有多大的开心，因为以前我也没有添加过这个属性。制作网页时都正常，为什么这么长时间没事，偏偏这次出了问题呢？想来想去只想到了是编辑器的问题。一试，果然是这样。以前用的是pspad，很正常。而现在用的是vim，就出现了问题。不过，我还是觉得用vim比较好，不只是它好用，最主要的是能让我多学点东西。

您可能还会对以下文章感兴趣

• 2010/01/22 -- 想写点营销类的东西
• 2010/03/04 -- 突然觉得自己跟周围的人没话说了
• 2011/09/29 -- 制作404错误页面需要注意
• 2011/06/14 -- 大花萱草
• 2010/03/01 -- 网站url优化的注意事项
• 2010/02/15 -- 沙发侧歪的解决方法
• 2010/02/28 -- 孤单寂寞的过年
• 2010/02/06 -- 弱小与强大发生矛盾时总站在理这边
• 2011/12/20 -- 细节上影响网站的权重(一)
• 2012/01/05 -- django 数据库查询常用符号