Sulow's Blog

ONEDUST - 浮塵草堂 www.onedust.com

2009-05-09T00:29:00.002+08:00

本博客不再维护更新
请移驾 ONEDUST －浮塵草堂 www.onedust.com

中国简史

2009-05-04T12:59:00.001+08:00

出处：http://www.wopus.org/blog-article/fun/992.html

盘古说：我开；
女娲说：我补；
共工说：我撞；
神农说：我尝；
精卫说：我填；
夸父说：我追；
后羿说：我射；
嫦娥说：没射着！

黄帝说：我们做什么；
尧说：我让；
舜说：我也让；
禹说：咱爷们怎么办？
启说：让他们球！

桀说：好玩；汤说：造反有理了；夏亡了……
纣说：痛快；武王说：我也反了；商亡了……
幽王说：点火；褒姒说：刺激；周也亡了……

干将说：我铸；
专诸说：我舞；
荆柯说：我刺；
赢政一躲：没刺着……
始皇说：我修；
姜女说：我哭；
陈胜说：有种；
项羽说：我举；
刘邦说：我斩；
秦亡了……

孔子说：我仁；
孟子说：我义；
老子说：我无为；
庄子说：我逍遥；
韩非子说：把他们全抓了。

张良说：我出谋划策；
韩信说：我统帅三军；
萧何说：我运筹帷幄；
高祖说：老婆，怎么办；
吕后说：全喀嚓了。

文景说：我治；
武帝说：我兴；
光武说：我中兴；
献帝说：我说了不算。

张骞说：我通；
班超说：我也通；
苏武说：通个屁！

卫青说：我打；
霍去病说：我也打；
李广说：我还打；
昭君嫣然晕笑，遂天下太平。

董卓说：我势大；
吕布说：我人帅；
貂婵说：你们俩谁厉害。
董卓完蛋了。

曹*说：快帮我脱鞋迎老许；
刘备说：快给我牵驴来访诸葛；
孙权说：周郎自有妙计安天下；
周瑜说：加油，烧死老曹；
诸葛说：天下三分，人人有份；
司马昭说：向刘备同志学习；
晋开始了。

司马迁说：要想成功，不怕被宫；
班固说：我要出书；
司马相如说：一首赋稿费一千；
曹*说：抄家伙我要赋诗；
曹植说：命题作文有何难；
孔明说：我要写道动员令；
陶潜说：你们累不累呀。
遂卷铺盖回家了。

朱温说：我同花顺；
萧道成说：我一条顺；
陈霸先说：重新洗牌……

杨广说：去扬州观花；
李渊说：消来公费旅游；
李世民说：魏征，你的意思；
李治说：老婆，你的意思；
武则天说：那还不如我说了算；
薛刚说：反了你了！

骆宾王说：鹅肥；
王勃说：情深；
李白说：酒美；
王维说：景幽；
孟浩然说：风流；
杜甫说：屋漏；
白居易说：抱想琵琶唱OK；
李商隐：我没话说了。

柴荣说：三武废费有我一份；
赵匡胤说：今年流行黄袍子
寇准说：带上瓶醋谈判去；
李刚说：保家卫国；
徽宗说：没保成；
钦宗说：我想回家；
金兀朱说：没门……

赵构说：把姓岳的抓了；
岳飞说：我有何罪？
秦桧说：也许有……
陆游说：我要死了；
文天祥说：死得好，我为你喝彩！

完颜说：金大；
耶律说：辽大；
成吉思汗说：大你个球！
忽必烈说：亚欧大陆我说了算……

朱元璋说：高筑墙；
建文帝说：孙承祖业；
朱棣说：我找我爹；

严嵩说：清史留字；
崇祯说：袁崇焕，你的良心大大地坏了……
李自成说：歇会，找个小姐来；
吴三桂说：敢泡我老婆；
皇太极说：三桂是个好同志。

顺治说：爱江山更爱美人；
雍正说：说我狠，我就狠给你们看；
乾隆说：我爹是谁；
嘉庆说：和坤是我爹留给我的遗产……

施耐庵说：天罡盖地煞；
罗贯中说：曹刘震河腰；
吴承恩说：全盘西化；
曹雪芹说；读书人的事能算*么；
蒲松龄说：我是另类我怕谁？

林则徐说：我销；
洪秀全说：我反；
康有为说：我变；
孙中山说：看我的。
慈禧说：木偶戏你当好演呀；
李连英说：有奴才伺候；
李鸿章说：九亿白银，小意思；
袁世凯说：窃国者为诸候？
蒋介石说：娘希匹，攮外必先安内

Drupal, Joomla!, Wordpress 之论剑江湖

2009-05-01T03:57:00.004+08:00

出处: http://my.chinahtml.com:8082/node/487

今年的 SXSW (South by Southwest Interactive festival) 展会上，Joomla, WordPress 以及Drupal 再次论剑，他们组织了一个 “CMS 终极 PK”(Ultimate Showdown of Content Management Systems) 单元，让这三款最知名的 PHP 开源 CMS 软件相互比拼，他们将使用各自的系统，在100个小时之内，设计同一个网站并让现场观众评出获胜者。

基于三个系统的参赛网站分别为：

参赛的三个团队

Drupal

Colleen Carroll, Palantir.net
Larry Garfield, Palantir.net
Jeff Eaton, Lullabot.com

Joomla!

Steve Fisher, Idea Market
Amy Stephen, Tamka.org
Arno Zijlstra, Alvanna Creative
Kevin Devine, PICnet
Tibor Toth, Joomla! Association Hungary

WordPress

Matt Mullenweg, Automattic
Beau Lebens, Dented Reality
Noel Jackson, Automattic
Andrew Ozz, Automattic

目前进度

三个参赛团队目前进度状况:

Drupal
Joomla!
WordPress

已花费时间
79.25
57.25
90.5

前端设计花费的时间
21.75
15
36.5

HTML 验证
No (8 errors)
Yes
No (8 errors)

CSS 验证
No (7 errors)
No (1 error)
No (21 errors)

页面尺寸
180K
140K
154K

自写 PHP/JS 代码行数
220
30
1,808

本文国际来源：
http://www.cmsshowdown.com/competition
http://cmscritic.com/cmsshowdown-ultimate-showdown-of-content-management-systems
http://www.cmswire.com/cms/web-cms/sxsw-web-content-management-system-showdown-update-2-004124.php
中文翻译来源：COMSHARP CMS

超可爱的小狗

2009-05-01T00:16:00.000+08:00

外国孩子学习 -- 灰姑娘

2009-04-29T22:59:00.002+08:00

外国孩子学习《灰姑娘》

上课铃响了，孩子们跑进教室。这节课，老师要讲的是灰姑娘的故事。老师先请一个孩子上台，先给同学讲一遍。孩子很快讲完了，老师对他表示感谢，然后，开始向全班提问。

老师：你们喜欢故事里面的哪一个角色，不喜欢哪一个，为什么？

学生：喜欢辛黛瑞拉(灰姑娘)，还有王子。不喜欢她的后妈，还有后妈带来的姐姐。辛黛拉善良，可爱，漂亮，后妈和姐姐们对辛黛瑞拉不好。

老师：如果在午夜十二点的时候，辛黛瑞拉没有来得及跳上她的南瓜马车，你们想一想，可能会出现什么情况？

学生：辛黛拉会变成原来脏脏的样子，穿着破旧的衣服，哎呀，那就惨啦。

老师：所以，你们一定要做一个守时的人，不然，就可能给自己带来麻烦。另外，你们看，你们每个人平时都打扮得漂漂亮亮的，千万不要突然邋里邋遢地出现在别人的面前，会把你们的朋友吓着的。

女孩子们，将来你们和男孩子约会，要是你不注意，被你的男朋友看到你很难看的样子，他们可能就吓昏了(老师作昏倒状，全班大笑)。

好，下一个问题，如果你是辛黛瑞拉的后妈，你会不会阻止辛黛瑞拉去参加王子的舞会？你们一定要诚实哟。

过了一会儿，有孩子举手回答：是的，如果我是辛黛瑞拉的后妈，我也会阻止她去参加王子的舞会。

老师：为什么？

学生：因为，我爱自己的女儿，我希望自己的女儿当上王后。

老师：是的，所以，我们看到的后妈都不是好人，对别人都不够好，可是她们对自己的孩子却很好，你们明白了吗？她们不是坏人，只是她们还不能够像爱自己的孩子一样去爱其他的孩子

孩子们，下一个问题是，辛黛瑞拉的后妈不让她去参加王子的舞会，甚至把门锁起来，她为什么能够去，而且成为舞会上最美丽的姑娘呢？

学生：因为有仙女帮助她，给她漂亮的衣服，南瓜变成马车，把狗和老鼠变成仆人。

老师：对，你们说得很好。想一想，如果辛黛瑞拉没有得到仙女的帮助，她是不可能去参加舞会的，是不是？

学生：是的。

老师：如果狗，老鼠都不愿意帮助她，她可能在最后的时刻成功地跑回家吗？

学生：不会，那样她就可以成功的吓着王子了(全班再次大笑)。

老师：所以，孩子们，无论走到哪里，我们都需要朋友，我也希望你们有很多很多的朋友。下面，请你们想一想，如果辛黛瑞拉因为后妈不愿意她参加舞会，就放弃了机会，她可能成为王子的新娘吗？

学生：不会，那样的话，她就不会到舞会上，不会被王子看到，认识和爱上了。

老师：对极了！如果辛黛瑞拉不想参加舞会，就是她的后妈没有阻止，甚至支持她去，也是没有用的。那么，是谁决定她要去参加王子的舞会？

学生：她自己。

老师：所以，孩子们，就是辛黛瑞拉没有妈妈爱她，她的后妈不爱她，这也不能够让她不爱自己。就是因为她爱自己，她才可能去寻找自己希望得到的东西。如果你们当中有人觉得没有人爱，或者是像辛黛瑞拉那样，有一个不爱她的后妈，你们要怎么样？

学生：要爱自己。

老师：对，没有一个人可以阻止你爱自己，你觉得别人不够爱你，你要加倍地爱自己；如果别人没有给你机会，你应该加倍地给自己机会；如果你们真的爱自己，就会为自己找到需要的东西─没有人能够阻止辛黛瑞拉参加王子的舞会，没有人可以阻止辛黛瑞拉当上王后，除了她自己。对不对？

学生：是的。
老师：最后一个问题，这个故事有什么不合理的地方？

学生(过了好一会)：午夜十二点以后，所有的东西都要变回原样，可是辛黛瑞拉的水晶鞋没有变回去。

老师：天哪，你们太棒了！你们看，就是伟大的作家也有出错的时候，所以，出错不是什么可怕的事情。我担保，如果你们当中谁将来要当作家，一定比这个作家更棒，你们相信吗？

孩子们欢呼雀跃。

2008年国外最佳Web设计/开发技巧、脚本及资源总结

2009-04-29T22:50:00.002+08:00

开心网花园种菜效率表

2009-04-29T22:13:00.003+08:00

出处: http://ether.blogbus.com/logs/36597955.html

周围的人都在开心网种菜。
我也就去种了。
但是不知道种什么菜好。
我就上网搜了。

结果搜到很多外挂。简直巨伤。这还需要外挂？
我只想自己种菜，多收点钱而已。
于是自己研究了一下。

做了一个表格。

说明一下，表格里面的数据是3月25日下午采样的，价格什么的会变动，以后再更新。另外，为了方便，我用的是平均产量，你如果养地养的很好，一直可以出产最高产量的话，可能和你的实际有小区别。当然，如果偷的人很多，未保护的状况下，实际产出也是有差距的，所以不能光种玫瑰啊，哈哈。不过整体来看还是有用的。

基本来说，低级别茉莉花是个好东西。高级别的自然都是好东西。神秘玫瑰是变态，单位时间产量太高了。

另：有数据错误请告诉我哈，我还是会虚心改正的。

注：表格里的收获效率（每小时）=（售价*平均产量-种子价格）/成熟时间

名称	种子价格	成熟(小时)	平均产量	售价(元/棵)	收获(元/小时)
水稻	20	20	20	60	59.0
胡萝卜	30	12	18	35	50.0
大白菜	50	16	18	50	53.1
土豆	80	24	16	100	63.3
牵牛花	400	24	16	135	73.3
黄瓜	100	32	18	160	86.9
辣椒	120	36	18	180	86.7
玉米	150	40	18	200	86.3
茉莉花	300	32	16	250	115.6
豆角	180	24	16	120	72.5
茄子	200	28	16	140	72.9
番茄	300	32	16	160	70.6
向日葵	800	40	8	500	80.0
菠菜	80	28	16	130	71.4
桃子	300	36	18	200	91.7
西瓜	500	40	14	300	92.5
香蕉	400	36	14	250	86.1
玫瑰	1500	72	10	1000	118.1
仙人掌	800	32	10	400	100.0
草莓	600	40	14	400	125.0
菊花	1800	68	10	1200	150.0
南瓜	400	32	14	450	184.4
神秘玫瑰	4000	80	6	7000	475.0
人参果	5000	48	4	4000	229.2
牡丹	4000	48	6	2200	191.7
百合	4000	288	6	7900	150.7
郁金香	5000	360	6	8900	134.4
冬虫夏草	8000	480	4	19800	148.3
雪莲	10000	600	4	24800	148.7
灵芝	12000	720	2	69800	177.2
人参	15000	1080	2	119700	207.8

如何在Blogger中张贴html代码

2009-04-29T20:38:00.004+08:00

由于种种原因
我们没有办法在博文中直接输入并显示代码
如:<html>

所以我们必需借用这个网上工具
http://www.csie.ntu.edu.tw/~piaip/unihtml/

将我们需要张贴的代码进行格式转换

我们可以一个代码一个代码的贴
也可以像sulow一样懒惰,在文字编辑器里写完后
一次全部粘到网页的Original中, Convert, 复制

然后直接贴到blogger的文章撰写器中
打完收工...呵呵

如果我们转完格式后,看到了一堆乱码
不要紧张, 我们看不懂,可是Blogger看的懂
呵呵, 不管他乱七八糟, copy 上就对了..

让Read More 放到右边

2009-04-29T20:29:00.005+08:00

请先参照在Blogger中添加阅读全文选项

再次搜寻 <data:post.body/>

并添加代码
<div align='right' style='TEXT-ALIGN: right'>

让整段看起来象这样:

<b:if cond='data:blog.pageType != "item"'><br/>
<div align='right' style='TEXT-ALIGN: right'>
<a expr:href='data:post.url'>Read more...</a><br/></div>
这里要记得加上

不过sulow测试了一下,还是觉得放左边好点..呵呵

在Blogger中添加阅读全文选项

2009-04-29T19:36:00.005+08:00

进入Blogger 控制台 -> 布局 -> 修改HTML

1. 首先勾选扩展窗口小部件模板
2. 按ctrl+F 搜寻 " </head> "
3. 在</head> 标签后面添加以下代码:
<style><b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if></style>

注: Sulow 是放在</head>和<body>中间, 经测试可用, 你现在看到的就是了..呵呵

4. 搜寻 "</data:post.body> "
5. 在<data:post.body>标签后面添加以下代码:

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>

6. 预览一下, 如果可以顺利出现你的blog首页, 模版设置部份就ok了, 保存模版
7. 模版的部份已经设置好了, 但是目前还没有效果
8. 进入控制台 -> 设置 -> 格式设置, 找到帖子模版 (最下面)
9. 加入以下代码

<span class="fullpost">
隐藏文字
</span>

10. 以上的代码的意思是, 隐藏文字这个部份, 会在用户点击了Read More...以後才会看到的意思
11. 请点击下面的Read More...

12. 这行字就是必需点击Read More...才会出现的
13. 这部份可以有无限行, 只要放在<span class="fullpost"> 和</span> 标签中间就是隐藏的部份啦...

Wordpress

2009-04-29T16:21:00.000+08:00

Wordpress 官方网站

40+ Most Wanted Wordpress Tricks and Hacks

30+ (More) Most Wanted Wordpress Tips, Tricks and Hacks

40+ CSS Generators, Creators, and Makers

2009-04-29T16:18:00.001+08:00

http://www.allwebdesignresources.com/webdesignblogs/graphics/40-css-generators-creators-and-makers/

15 Key Elements All Top Web Sites Should Have

2009-04-28T02:14:00.025+08:00

From: http://freelancefolder.com/15-top-site-elements/

There are a lot of details to consider when designing and developing a web site. In reality, it can seem like an endless list — but if you look carefully you’ll see that there are certain elements that are more important than others, elements that are used consistently among the most successful sites.

Once you’ve completed the Planning Stage of your website, the rest of the elements fall into broad categories ranging from User Interface Design to Content Creation to actual Development. Of course, there are also the issues surrounding Search Engine Optimization (SEO) — but we’ll save that for another day…

With that in mind, here are the 15 elements that should always be included on any top web site.

1. Good Visual Design

First things first… Visual design. I don’t know about you, but if I go to a web site that is not visually pleasing, it is a quick turn off.

That’s not to say that every top website needs an incredible visual design — but if a site looks like it hasn’t been updated since 1994, it’s just not going to be associated with other great websites.

A clean and simple design is usually all you need. Bells and whistles are nice, but I’m one who tends to go with the “less is more” theory. You don’t want your design to be over crowded. You just want it to look good so it can stand out from your competitor(s) in the minds of your potential clients.

First impressions are key. Although good design alone will not keep someone on your site — an eye-catching design will, at the very least, grab their attention long enough to take a look around.

2. Thoughtful User Interface

Along with good design comes a good user interface. The user interface is the foundation of any good functional web site. When designing a site, you’ll need to take into consideration your average user. Who is going to be visiting your web site — who is your ideal customer? Are they tech-savy? Are they computer illiterate?

It’s helpful to create an image of your ideal visitor and have them in mind when planning out the design for your site. Be sure you offer everything on your site that they would want to find before buying from you or becoming a subscriber.

You’ll want to be sure that your navigation is easy to spot and consistent throughout the entire web site. Make it obvious where the user should click both in terms of your primary navigation, as well as for links within your content areas.

3. Primary Navigation Above The Fold

Part of having an easy to navigate web site is ensuring that the primary means of navigation — links to the key areas of your site — are kept above the fold. With today’s large computer monitors and growing screen resolutions “above the fold” is generally considered to be within the top 500-600 pixels of your site design.

Elements to include here are your logo (which should link back to your home page), as well as links to the main sections of your site. If you can link to sub-pages here that is great, but in most cases that will over-clutter your design.

For example put “Home | About | Services | FAQ | Contact” in a very easy to find location at the top of your site. You can place sub-links such as About-Bio / About-Resume somewhere else, such as in your sidebar or as sub-links under the main page title of that section, etc.

Consistency is key here — be sure to place both your primary and sub-navigational links in the same spot throughout the various pages of your web site.

4. Repeat Navigation In The Footer

If you use images (or even flash) for your main navigation, it’s especially important to offer a duplicate set of navigation links in your footer. Even if you use text links at the top, the duplication is still helpful. You want to make it as easy as possible for people to find the content they are looking for on your site.

Often times the footer will link to additional information — such as Terms of Service — as well. Things that should be easy to find, but not necessarily something you want taking up real estate on the primary navigation area of the site.

5. Meaningful Content

You know the saying… “Content is King” — you might have a pretty web site which will catch someone’s eye, but if the content is no good, you can be willing to bet that they aren’t going to stick around.

When writing the copy for your web site, it’s important to provide helpful, knowledgeable information about your company, products, services, etc. If you’re running a blog, informative articles related to your area of expertise are incredibly helpful as well.

While it’s important to sell yourself or your company, you also don’t want to oversell, either. Particularly in a blog setting — people reading a blog don’t want to hear all about “me me me” — they want to know how you can help them.

6. A Solid About Page

Among the top 10 most popular pages of my own site (after the home page, blog, 3 specific blog posts and my portfolio) is the About page. I have more clicks to my about page than to my services or portfolio pages, if you can believe that!

It’s simply because people are curious. They want to know who is behind a company or a blog. I was personally quite shy about including a photo on my own bio page, but finally did it a few months ago. It’s amazing what the sense of curiosity does — I myself am always clicking on about pages too, trying to find out more about the designer or writer, etc.

Include information on your background and how it pertains to your own business and expertise, etc. The about page gives potential clients a little bit more information about you and can often help create a more personal bond. If they are reading your writing and know a bit more about you, they’ll have a better sense of connection and better be able to relate to you on another level.

More often than not, a potential client will select the company with a “real” person behind it, rather than the faceless organization that refuses to get even a little bit personal.

7. Contact Information

Nothing can turn off a prospective client more than not being able to find a way to contact you. If they’re interested in your services, and can’t find a simple contact page with a way to get in touch and hire you they’re going to end up going over to the competition.

Ideally you’ll want to give more than one method of contact. At the very least an email address and contact form. To make you more “real” though you should try to include a phone number (and if possible a mailing address) as well. I know many freelancers work from a home office - as do I. A quick solution is to get a separate phone line for business calls, as well as either a PO Box or other mailing service address.

Keep in mind that these are tax deductible expenses and makes you look that much more professional than someone who only includes an email address. To other home business owners in the same boat, it might not make a difference. But if you work with any larger or corporate clients, they’ll see a public phone number and address as an added sign of stability and that could play a small part in them choosing you over someone else.

8. Search

If you have a large web site or blog, having a search field is incredibly helpful, as well. There’s nothing like wading through hundreds of pages to find specific content without a search feature. If a potential customer can’t find something easily on your site, but Joe Designer over there does… odds are they are going to go with Joe whose content is easy to search through.

You can often use a Google Search on your site, or if you have WordPress (or another blogging platform or CMS / Content Management System) this will be fairly easy to accomplish. It’s not quite as easy to set this up with a static html site, but there are still services out there that will let you incorporate a functional search box onto your site.

9. Sign-Up / Subscribe

If your web site offers content on a consistent basis — such as with a blog — you’ll want to make it as easy as possible for people to sign up for updates.

This is something else that’s extremely easy to add if you have a WordPress blog. By default they’ll provide you with a feed address. But if you want to step it up a notch, you’ll want to sign up for a free account with FeedBurner. Better yet, you might consider using the FeedBurner FeedSmith plugin that will help re-direct all feeds through your FeedBurner account for easy tracking of your subscribers.

If you don’t have a blog, but still want to offer subscriptions to an email newsletter, for example, there are many companies that will let you setup and manage a mailing list. They will provide you code for your site to enable your web site visitors to sign up for updates using their email address. (FeedBurner allows you to collect email addresses too, btw). In some ways this is better than an RSS subscription because you are able to collect email addresses of potential prospects. While you can keep track of subscription numbers and other generic statistics, RSS subscribers get your updates via feed reader and have no need to provide an email address.

10. Sitemap

There are two kinds of sitemaps - one for humans and one for the search engines. An html (or php, etc.) sitemap meant for visitors to your site can be an invaluable tool for finding just what they are looking for.

Creating a sitemap - a structured list of all pages of a web site - is especially useful if you are unable to add a search feature to your site. A link to the sitemap is another item that is helpful to place down in the footer of your site, as well. A good sitemap will list out every page of your site in a hierarchial format - clearly showing the relationship of pages in terms of primary pages with sub-pages and sub-sub-pages, etc.

11. Separate Design from Content

Long gone are the days of using html tables for layout and design. The best developed sites use a combination of XHTML and CSS (Cascading Style Sheets), which create a separation of design vs content.

With use of

tags you can create containers for various areas of text and images on your page. Without a corresponding CSS file you’ll see just the basics - text - which is what the search engines want to see, too.

By linking to an external CSS file in order to separate your content from the design, it leaves your html page with mostly nothing but actual relevant text in your source code. The separate CSS file is what specifies the fonts, colors, background images, etc. for your site design.

What’s great about this is you can update just one CSS file and have the change made site-wide (no longer having to go into each and every html page of a static site, to change your main link color from blue to green, for example).

With this separation of content from design, the search engines no longer have to wade through all of the excess code to find out if your content is relevant, either. And with separate files, the content can load quicker, too - always a good thing in the mind of visitors to your site.

12. Valid XHTML / CSS

It’s not just enough to develop your site using XHTML and CSS, though. It has to be accurate code. Two invaluable tools for checking your source code are offered by the World Wide Web Consortium (W3C):

There are many reasons to write valid code… With valid code, you are a few steps closer to ensuring your site will look good across the different web browsers (see number 13 below) and will help you with the search engines, too. If your site is built to current web standards, the search engines can easily wade through your content.

Not to mention it just shows that you know what you are doing. Yes, many clients don’t know the difference, but a few do - and specifically request standards compliant code. If you can offer this but your competitor can’t - that gives you an extra edge.

And besides this, other web developers are likely to check out the source code of a site to see what’s under the hood… both out of sheer curiosity, and just because they can!

13. Cross Browser Compatibility

Although you might live and breathe inside Firefox, your client may not. There’s a good chance your client is using Internet Explorer. Unfortunately there’s an even better chance they’re using Internet Explorer 6 (please don’t get me started on this issue - lets just say I know I’m not the only web developer who wishes this browser will simply GO AWAY!)

It’s imporant that your own web site and the site(s) you create for customers display well in as many of the mainstream web browsers as possible. If you can make them compatible across platforms too, that’s ideal. Most end users are on a PC so this is probably the most important platform to target. However many people in the creative fields are on a Mac, so if this is your audience they are important to pay attention to as well.

Unfortunately most people aren’t lucky enough to have both a PC and a Mac (not to mention Linux, etc.) but with the help of a site called Browser Shots you can enter a URL - select from a variety of web browsers across different platforms - and have them create screenshots for you. Very helpful if you’re on a PC running Vista for example, where you no longer have access to an old copy of IE6.

14. Web Optimized Images

When designing for the web, it’s important that you save all your images in a compressed format. Not too much that your images become pixelated, but as much as possible while retaining quality.

If you’re accustomed to doing print work, you know that 300dpi is the standard. Not the case with web sites, though. When designing for the screen you’ll want to save your images at 72dpi which will make for a much smaller file size (aka quicker download time for your web visitors).

Programs like Adobe Photoshop have a “Save for Web” feature that will automatically convert your image to 72dpi if you forgot, as well as give you a variety of compression settings when saving your imges. For web this will likely be either png, jpg or gif depending on the particular usage.

15. Statistics, Tracking and Analytics

Although this element is behind the scenes and not one you’re likely to know about as the web visitor — as a web site owner it is crucial, if not down-right addictive!

There are many services that offer tracking of web site statistics which include information such as:

How many hits does my site receive?
How many of these are from unique visitors?
How are people finding my web site?
What search terms are they finding me under?
What web sites link to me?
What are the most popular pages on my site?
Who is my average visitor (platform / browser / screen resolution)?

It’s actually quite amazing what kind of information you can keep track of with a good analytics program. Perhaps the most popular site for this is Google Analytics which offer a very robust (and free) tracking solution.

If you want to monitor your web site’s performance and figure out how you can improve your site, having a good stats package is key!

Now It’s Your Turn… What Do You Find Most Important?

As far as design, development and content (we’ll cover SEO in a separate post) what elements do you consider the most important feature for a web site to have? What do you see as a deal breaker if a company does NOT have on their site?

I’m sure there are more than the 15 elements listed in this post — so what else would you add to the list? Please share in the comments below!

Drupal modules 的应用，太强了

2009-04-28T00:20:00.000+08:00

教学文章：Signup + Signup status + Signup schedualer

nobody1225大大的应用 http://140.127.53.222/lib/courses

只能说，太强了。。

57秒，告诉你Drupal是啥米

2009-04-28T00:03:00.000+08:00

http://pingv.com/videos/1/what-drupal-57-seconds

Drupal 教程

2009-04-27T19:16:00.000+08:00

Drupal Hnadbook （官方英文教程）

Drupaluser 教程

Pro Drupal (Drupal专业开发指南中文版) v6

Drupal 台湾

Go Daddy 无法加载 Drupal Clean URLs 解决方案

2009-04-27T18:14:00.001+08:00

无法加载 Clean URLs,
提示：
This option makes Drupal emit "clean" URLs (i.e. without ?q= in the URL).

Your system configuration does not currently support this feature. The handbook page on Clean URLs has additional troubleshooting information.

官方解决方案

其它解决方案如下：

I just tried vangorra's solution on a GoDaddy Deluxe Linux hosting plan, and can confirm that it works!

Thank you very much, vangorra, you just saved me a LOT of trouble, and many other people as well, I suspect.

The mod_rewrite and Clean URLs were not working at all for me before this, and now they do. I simply added this line:

RewriteBase /

Before the first "RewriteCond" line and now it works perfectly.

(Note: My site is currently hosted on a subdomain while under development, so my confirmation here refers to that case. The Drupal site, in my case, is in a subdirectory called "/development" and the so the site is at "development.mydomain.com". I'm guessing this fix will also work fine for normal sites which are in the web root, but that I can't say I've confirmed.)

======

I would also like to confirm that the clean URL's work with godaddy hosting.

Details :

Drupal 5.1
Godaddy Deluxe Linux Hosting

Uncommenting the "Rewritebase / " in the .htaccess was all that I needed to get clean URL's working. Easy.

Thanks Vangorra

Drupal vs Joomla

2009-04-25T04:02:00.000+08:00

http://buytaert.net/drupal-vs-joomla-performance
http://buytaert.net/drupal-vs-joomla-hosting-costs
http://buytaert.net/drupal-vs-joomla-popularity

Joomla!, Drupal, Xoops, Wordpress 的特色

2009-04-25T03:45:00.001+08:00

出处: http://www.gofun.com.cn:8080/viewtopic.php?f=8&t=541

篩選出4種CMS，供大家參考。分別是Joomla、Drupal、Xoops，以及Wordpress。它們都有中文支援站。
在2006 Open Source Content Management System Award Winner（2006年開放源碼內容管理系統獎）中，已經將其特點說得很清楚了，我將它翻成中文：

1、Joomla!：

* 非常容易安裝，並有許多模組可供使用。
* 說明文件詳盡而簡潔。
* 管理者操作介面是直覺式的，且功能強大。
* 後端控制台非常合用，且用「所見即所得」方式編輯內容。
* 規模大小剛好且提供許多自訂選項。
* 龐大且活躍的社群。

2、Drupal

* 已經到處可見、運作穩定，並積極開發系統。
* 程式寫得很好。有精細的權限系統，並注重安全性。
* 系統設定輕而易舉。
* 輕量化安裝。
* 非常多的模組與佈景。
* 優秀的說明文件，且有積極、友善的社群。
* 「節點」的觀念非常好。

3、Xoops

* 極簡的初始安裝。
* 強大社群支援。
* 提供許多模組與佈景。
* 許多的功能。
* 成熟且良好的權限系統。

Wordpress雖並非2006 Open Source Content Management System Award Winner之成員，但有The top 100 Webware sites for 2007之背書，在最佳個人出版工具類入選。以我個人觀點，將其特點也列出來：
4、Wordpress

* 安裝簡單。

* 提供許多模組。
* 佈景多且非常美觀。
* 專門用於建立部落格（blog）。

基於以上分析，可以用個蜘蛛圖分表示各項CMS的特點。

簡單的說，你可以依照你設立網站的目的，來選擇合適的CMS，並考慮你有沒有特殊的模組需求。大致可分為：
Drupal：用於許多人參與的社群網站，且權限複雜，網站部屬彈性需求大。但Drupal的學習曲線很陡，適合由專業人士來調校管理，入手並不容易。
Joomla!：一般的公司網站。因為其後端控制台美觀且容易學習，易於交接及教育訓練。
Xoops：可用於一般的社群網站。也有人用它來架公司或個人網站。
Wordpress：適用於個人或組織的部落格。
現在，由於分工更為細緻化，要了解每一種CMS的設定，與其模組功能、修改佈景的技巧，都變成了一種專業。下次再說說模組的選擇與佈景的修改。

奥巴马的新网站采用Drupal平台!

2009-04-25T02:13:00.000+08:00

引用自 http://www.cnbeta.com/articles/77543.htm

当得知白宫的新网站Recovery.gov采用免费的，开源内容管理系统平台Drupal时，众多Drupal开发者都为此欢呼雀跃。在 Recovery.gov之前，高调采用Drupal平台的网站可能就是Onion网站。但这不是让Drupal爱好者感到兴奋的唯一原因，笔者曾经向两位CMS（内容管理系统）专家朋友询问其中的状况，以下的原因能够解释为何Recovery.gov会大量采用Drupal平台：

首先，最现实的问题是，Drupal是免费的，按照目前的经济状况，转向开源可以节省纳税人的钱。

第二，这说明了白宫并没有就“社区合作开发的软件对于政府部门来说不够稳定和安全”的问题作过多的争辩。

第三，按理说，Drupal正在不断进步，它在民主政治方面有很深的根基，第一次引起政界注意的是Dean Space下的基金会出现，无论在哪个州，Drupal都拥有足够多的开发者社区进行开发。（还有David Cohn所写的Drupal政治历史）

最后，Recovery.gov采用Drupal标志着白宫正和Blue State Digital一起从事开源工作，该公司是奥巴马竞选时的Internet大本营。BSD采用自己私有的CMS。

作为社区共建的系统，Drupal依赖于开发者对代码进行改进，虽然白宫也可以开发出一些构建和节点，但终归还是的回到Drupal世界去。Drupal大会也将在3月4日到7日在华盛顿召开。

从维基百科了解：什么是Drupal？（中文，英文）

cnBeta编译自techpresident

Joomla and Drupal - Which One is Right for You?

2009-04-25T02:09:00.001+08:00

出处: http://www.alledia.com/blog/general-cms-issues/joomla-and-drupal-which-one-is-right-for-you/

During the last few months we've had a lot of clients who are very technically knowledgeable and coming to us to find out more after picking up on the buzz around CMS systems and Drupal and Joomla in particular.

With the upcoming releases of Drupal 5.0 and Joomla 1.5, both systems are poised to make a big leap forward. However those launches may not happen for several months and many companies need to make a decision now, balancing the pros-and-cons of both solutions.

After talking and developing answers for several clients, we decided to put all we'd written into one document to help other people with this decision. Some disclaimers before we start:

This is not an Drupal vs Joomla discussion, but an open acknowledgement that each choice is appropriate for different sites. Sometimes we have to tell clients that neither will work for what they want.
This is not a comprehensive list. Please feel free to tell us what we've missed or where we are wrong. Add your own thoughts via the link at the bottom of the form, or simply post a comment.

Joomla and Drupal

	Joomla [-]	Drupal [-]
Community Features	Community Builder. A solid component, but one that really needs an SEF extension to enable Youtube-style URLs.	Very impressive. Users can form groups and expansion of the registraion form is native to Drupal.
Shopping Cart	Joomla has Virtuemart and an integration of OSCommerce, both of which beat Drupal's ecommerce addon. Use OSCommerce if you need multicurrency options or if you have a payment gateway not supported by VM	Not recommended as it lacks tax and currency options. However, watch out for Ubercart which looks promising.
SEO	Poor out of the box. OpenSEF is OK and improving fast. SEF Advance is roughly comparable quality but costs 50 Euros. Code is not very well adapted for SEO.	The out-of-the-box URLs work well and can be improved with one easy addon. The code is generally lightweight and well-optimised.
Forums	Use Joomla with Simple Machines Forum, which is the path taken by Joomla.org. Joomlaboard integrates natively to Joomla but lacks many key features.	A native and very smooth forum, but lacking in the high end features of the best modern forums. VbDrupal is the best way to avoid this (a Drupal Vbulletin hack)
Multimedia	Yes, plenty of podcast and video options.	Yes - Drupal Video and podcast options also available.
Photo Galleries	Yes. The best are integrations with Gallery2 and the Flash gallery Expose.	Has a default module and a Gallery2 integration.
Event Calendars	Several native plug-ins and integrations.	Not great. There are options but they are far behind those available for Joomla.
Template / Themes	Joomla has a wide selection of free and commercial offerings. Once installed they can be assigned to different pages.	Only one commercial developer. Off-the-shelf choices are very poor. Currently, Drupal assumes one template for all pages, although this can be adapted with effort and will 5.0 will allow templates to be assigned according to URL. Developing your own is the best bet.
Blogs	Some out-of-the-box capability. A good overview is here. Joomla.org uses a port of Wordpress.	Good capabilities, although not a natural blog in the manner of Wordpress.
Document Management	Yes - DocMan.	Not anything worth considering.
User Permissions	Some very major forks can work with Joomla, but this is a very poor area. Joomla is very admin-orientated. A small group of people are going to control and run the site. A lot of members can contribute by adding content, forum posts etc. but it is difficult to increase their permissions further.	Drupal wins hands-down. However, you still can't manage single members. You need to add them to a certain group.
External Integration	Joomla 1.5 will help greatly with a much improved API and more hooks.	Currently Drupal wins easily with plenty of hooks
Content Management	In the core only Section >> Category >> Content is available. That's it. No cross-categorization.	Unlimited categories and subcategories. Also allows for cross-categorization of articles.
Multisites Management	Commercial component.	Out-of-the-box.
Documentation	Poor, although work on this is progressing. There is however a wealth of useful information on the Joomla forums. Joomla 1.5 promises to be much more thoroughly documented.(Click here for 1.5 documentation.	Not too bad. (Click here for documentation and here for an API reference guide
SSL Compatible	With hacks.	Yes
Standards Compliance	Not great. Accessible Joomla is a fork necessary to move Joomla towards compliance. Mambo/Joomla dates from before standards were even considered (1999).	Yes. Excellent out-of-the-box.
Internationalization	With Joomfish. Not an easy or straight-forward solution	Yes, Excellent. (via i18n module)
Commercial Community	Very strong. Perhaps the best in the Open Source CMS world. Try Try Joomla Yellow Pages or Joomla.org.	Weak. Difficult to find strong Drupal developers in any quantity. Try Drupal.org, Drupal Yellow Pages or Drupalancers.
General Community	Great. 100s of extra components available, both commercial and open source. Many companies now offering services.	Good community. Often more non-profit than business driven. Excellent forum support at Drupal.org.
Ease-of-use	Joomla has a great graphical interface in separate area of website.	Administrator tasks on the current Drupal version are done via a menu on the frontpage which confuses many. Drupal 5.0 will solve this and also provide an online installer. Still, installing many modules needs technical knowledge.
Learning Curve	Shallow. One of the very easiest CMS systems to learn and customize.	A little steeper than Joomla, but still relatively easy to learn.
Speed	A default installation of 1.0.11 loads in 0.90 seconds. A default installation of 1.5 loads in 1.33 seconds. (Scores from http://sitescore.silktide.com)	A default installation loads in 1.05 seconds. (Score from http://sitescore.silktide.com)
Size	1.0.11 is 16.4 MB 1.5 is 16.7 MB	Version 5.0 is 2.89 MB
Current Situation	Unclear. When will Joomla 1.5 be out? Which version should people currently buiding sites use? One developer recently warned about relying on any firm deadlines or easy upgrades to the new version.	Clear development path. Currently working on Drupal 5. Beta 2 came out at the end of November and a Release Candidate is probably next.
Overall	Joomla 1.5 will be the crucial leap for the platform paving the way for the resolution of many old limitations. Producing a good-looking site with plenty of functionality is a relatively easy task with Joomla.	Drupal is more community-oriented and the current live version is more extensible. That advantage will be greatly shortened once Joomla 1.5 is stable.

* If you would like to fill in the gaps in our table or suggest any changes, please use this form.

Joomla, Wordpress, Drupal 全面详细Pk比较

2009-04-25T01:38:00.001+08:00

出处：http://hereland.com/2008-12-joomla-wordpress-drupal/

Joomla，wordpress 和 Drupal 是目前世界上被使用的比较多的三种免费开源CMS（内容管理系统）。Joomla 可以被用于构建各种类型的网站，尤其是各类门户网站，商业网站；Wordpress主要被用于博客平台，不过只要稍加改动也可以大致用来搭建其他类型的网站；Drupal同样也具有一定的灵活性，可以把它设计成不同种类的网站。这三种CMS系统的官方网站上都提供了丰富的插件和大量的免费功能模块，尤其是Wordpress 和Drupal官网上还有众多朋友提供的免费主题、模板，使得我们设计网站越来越简单和方便省时，但在Joomla官网上一直没有找到可以下载的免费模板。

Joomla、Wordpress、Drupal现在受到大家关注的程度如下图：

Wordpress受到关注的程度与Joomla接近，而Drupal好像没有引起更多人的注意。

下面用具体主要的数据来比较一下这三种CMS系统：

系统要求	Drupal	Joomla	Wordpress
应用服务器	支持PHP 4.3.5及以上版本的服务器	任何支持PHP的服务器 (建议Apache)	任何支持PHP 和 MySQL的服务器 (建议Apache)
数据库	MySQL, Postgres	MySQL	MySQL 4.0版本或更高版本
操作系统	任何	任何	与操作系统无关
编程语言	PHP	PHP	PHP 4.2版本或更高

安全	Drupal	Joomla	Wordpress
审核跟踪	是	否	有限的
验证码	自由添加*	自由添加	否
内容核准	是	是	是
Email核实	是	是	自由添加
登录历史	是	是	自由添加
插件认证	是	是	是
问题通知	否	否	自由添加
Session 管理	是	是	自由添加
SSL 兼容	是	是	是
版本控制	是	自由添加	自由添加

支持	Drupal	Joomla	Wordpress
商业手册	有	有	无
商业支持	有	有	无
商业培训	有	有	无
开发者社团	有	有	有
在线帮助	有	有	有
插件 API	有	有	有
专业服务	有	有	无
论坛	有	有	有
第三方开发者	有	有	有
用户讨论会	有	有	有

易用性	Drupal	Joomla	Wordpress
拖放内容	自由添加	否	是
邮件讨论	自由添加	自由添加	有限的
友好的 URLs	是	是	是
批量上传	自由添加	是	自由添加
拼写检查	自由添加	否	自由添加
样式向导	有限的	否	否
订阅	自由添加	自由添加	是
模板语言	有限的	是	否
用户界面层	否	是	是
撤消编辑	有限的	否	自由添加
所见即所得编辑	自由添加	是	是
Zip归档	否	否	自由添加

性能	Drupal	Joomla	Wordpress
高级缓存	有	有	自由添加
数据库复制	有限的	无	无
负载平衡	有	有	无
页面缓存	有	有	自由添加
静态内容输出	无	无	有限的

管理	Drupal	Joomla	Wordpress
广告管理	自由添加	有	无
剪贴板	无	无	无
内容时序安排	自由添加	有	自由添加
在线管理	是	是	是
主题 / 皮肤	有	有	有
回收管理	无	有	无
网站统计	有	有	自由添加
在线主题设计管理	是	是	是
在线翻译管理	有	自由添加	有限的
流程自动化引擎	有限的	无	无

灵活性	Drupal	Joomla	Wordpress
内容重用	有限	是	否
可扩充的用户资料	是	是	否
多语言内容	是	自由添加	自由添加
多网站部署	是	自由添加	否
URL重写	是	是	是

商业	Drupal	Joomla	Wordpress
代理跟踪	自由添加	自由添加	无
库存管理	自由添加	自由添加	无
可插式支付	自由添加	自由添加	无
可插式货运	自由添加	自由添加	无
可插式传真	自由添加	自由添加	无
销货点	无	自由添加	无
购物车	自由添加	自由添加	无

（*有免费的插件供选择。）

Google Sites

2009-04-19T03:40:00.000+08:00

教学:

利用 Google Site 快速建立個人網站
Google sites 教學 (一)
Google sites 教學 (二)
Google sites 教學 (三)

教学&范例:
KC Cloud Solutions
Building Gadgets for Google Sites

Google Page Creator

opfish

Google 主页空间测试报告

磁盘备份

2009-04-13T21:38:00.001+08:00

http://www.debian.org/doc/manuals/reference/ch-tips.zh-cn.html

8.3.1 拷贝整个子目录的基本命令

如果想重新整理文件组织结构，可使用下面的方法移动文件及文件链接

标准方法：
# cp -a /source/directory /dest/directory # 要求 GNU cp
# (cd /source/directory && tar cf - . ) | \
(cd /dest/directory && tar xvfp - )

如果包含硬链接，则需要更严谨的方法：
# cd /path/to/old/directory
# find . -depth -print0 | afio -p -xv -0a /mount/point/of/new directory

如果是远程操作：
# (cd /source/directory && tar cf - . ) | \
ssh user@host.dom (cd /dest/directory && tar xvfp - )

如果没有链接文件：
# scp -pr user1@host1.dom:/source/directory \
user2@host2.dom:/dest/directory

这次将整个系统由/dev/sda1 移到 /dev/sdb1

第一次用的是 cp -r
cp完成后，可以开机，但是无法su，也无法显示Gnome桌面

第二次用了以下方式：
cd /path/to/old/directory
find . -depth -print0 | afio -p -xv -0a /mount/point/of/new/directory

重启后至今使用快一个月了，
没有遇到任何问题

Gnome 桌面图标隐藏

2009-04-13T20:52:00.000+08:00

Gnome 桌面图标隐藏

Gnome -> 应用程序 -> 系统工具 -> 配置编辑器(gconf-editor)
找到 /apps/nautilus/desktop/volumes_visible 设置为 FALSE (不打勾)

FreeBSD Sound Driver 声卡设置

2009-03-08T04:03:00.000+08:00

1. edit 编辑 /boot/loader.conf
加入 snd_driver_load="YES"

2. reboot 重启电脑

查看声卡载入情况
# more /dev/sndstat

FreeBSD Audio Driver (newpcm: 32bit 2007061600/i386)
Installed devices:
pcm0: at memory 0xf8000000 irq 20
kld snd_hda [20080420_0052] [MPSAFE] (1p:1v/1r:1v channels duplex default)

find snd_hda out

3. edit 再次编辑 /boot/loader.conf

删除 snd_driver_load="YES" (DELETE)
=>
改成 snd_hda_load="YES" (ADD) 就是上头/dev/sndstat你看到的模块

打完收工

loader.conf

2009-03-08T03:33:00.000+08:00

加入
snd_hda_load="YES" # 载入声卡，请参照声卡设置
nvidia_load="YES" # 安装nvidia驱动后载入
linux_load="YES" # 开机自动载入Linux模拟(?)
fuse_load="YES" # NTFS-3G需要

home/.cshrc

2009-03-08T01:39:00.000+08:00

setenv LANG en_GB.UTF-8
setenv LC_CTYPE en_GB.UTF-8
setenv XMODIFIERS @im=SCIM
setenv GTK_IM_MODULE scim
setenv QT_IM_MODULE scim

Package

2009-03-07T23:22:00.000+08:00

pkg_version -v # 看哪些版本要升級
pkg_version -IvL = 或 pkg_version -Ivl '<' 或 portversion -vl '<' # 只看哪些版本需要升級portupgrade PKG_NAME_VERSION # 單純升級一個版本
portupgrade -a # 全部升級
pkg_version -Iql '<' | xargs portupgrade # 列出套件再丟進去升級

csh.cshrc

2009-03-07T23:13:00.001+08:00

# $FreeBSD: src/etc/csh.cshrc,v 1.3.52.1 2008/11/25 02:59:29 kensmith Exp $
#
# System-wide .cshrc file for csh(1).

set autolist
set nobeep

alias ls 'ls -G'

setenv PACKAGEROOT "ftp://ftp.tw.freebsd.org"

make.conf

2009-03-07T23:11:00.000+08:00

CPUTYPE?=athlon64
CFLAGS= -O2 -fno-strict-aliasing -pipe
INSTALL=install -C

BOOTWAIT=300

# CVSup update flags. Edit SUPFILE settings to reflect whichever distribution
# file(s) you use on your site (see /usr/share/examples/cvsup/README for more
# information on CVSup and these files). To use, do "make update" in /usr/src.
#
SUP_UPDATE= yes
SUP= /usr/bin/csup
SUPFLAGS= -g -L 2
SUPHOST= cvsup.tw.FreeBSD.org
SUPFILE= /usr/share/examples/cvsup/standard-supfile
PORTSSUPFILE= /usr/share/examples/cvsup/ports-supfile
DOCSUPFILE= /usr/share/examples/cvsup/doc-supfile

MASTER_SITE_BACKUP?= \
ftp://ftp.tw.freebsd.org/pub/FreeBSD/distfiles/${DIST_SUBDIR}/\
ftp://ftp6.tw.freebsd.org/pub/FreeBSD/distfiles/${DIST_SUBDIR}/\
ftp://ftp4.tw.freebsd.org/pub/FreeBSD/distfiles/${DIST_SUBDIR}/
MASTER_SITE_OVERRIDE?= ${MASTER_SITE_BACKUP}

BATCH=yes

# added by use.perl 2009-03-07 12:44:47
PERL_VER=5.8.8
PERL_VERSION=5.8.8

FreeBSD 初安装

2009-03-05T22:46:00.000+08:00

/etc/csh.cshrc 中加上

set autolist //可按Tab 自动补齐
set nobeep //去除恼人"哔哔"声

alias ls 'ls -G' //ls有颜色

软件是最新可以 cvsup ports 后 portupgrade
系统最新方法有两种：
1、cvsup src 然后 make world
2、freebsd-update
如果不想自己编译，推荐用后者。不过后者似乎不能更新到非 release 的 stable 版本。只能更新 release 版本，以及它们的 patch 版本。

cvsup -g -L 2 ports-supfile
相当于 agt-get update

然后 portupgrade -arR
相当于 apt-get upgrade
如果你想看会升级哪些软体包，就 portversion -l "<"

如果单单想升级一个软体，更新完ports树后，到该软体目录 make install clean