<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>笨活儿 &#187; 果冻恙</title> <atom:link href="http://blog.benhuoer.com/tag/%e6%9e%9c%e5%86%bb%e6%81%99/feed" rel="self" type="application/rss+xml" /><link>http://blog.benhuoer.com</link> <description>请用力生活</description> <lastBuildDate>Mon, 02 Jan 2012 16:05:26 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /> <item><title>果冻恙 &#8212; 我的第一个作品</title><link>http://blog.benhuoer.com/posts/my-first-project.html</link> <comments>http://blog.benhuoer.com/posts/my-first-project.html#comments</comments> <pubDate>Tue, 23 Jun 2009 13:18:00 +0000</pubDate> <dc:creator>慵云</dc:creator> <category><![CDATA[Web技术]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[rewrite]]></category> <category><![CDATA[果冻恙]]></category> <category><![CDATA[虚拟主机]]></category> <guid
isPermaLink="false">http://blog.benhuoer.com/posts/%e6%9e%9c%e5%86%bb%e6%81%99-%e6%88%91%e7%9a%84%e7%ac%ac%e4%b8%80%e4%b8%aa%e4%bd%9c%e5%93%81.html</guid> <description><![CDATA[相信学网页的都是从自己的个人主页做起，今天我也来特别放送我的这第一个网页作品。 果冻恙 &#8211; Jelly Young 这是大一暑假，也就是整整两年前做的东西。当时抱着本台湾人编的CSS实例教程（没有系统化讲解，都是一些基本属性的实例应用，书名我忘了），还有一部《Ajax基础教程》，一个人在家里捣鼓，基本上是零基础，家里又没有联网，没办法看网上的教程，基本上就靠着这两本书了。嗯…. 以及Dreamweaver的帮助文档，呵呵。 果冻恙? 嗯哼？ 当年的自我介绍是这样写的： 我在我的世界里轻轻的歌唱。果冻软滑的质感，明亮的色彩，丰富而甜蜜的口味，让人开心，不得不开心呵！我做那只年轻的让认人开心的果冻，我却无力诋毁我内心的忧伤。果冻有恙，无恙？无所依矣！ 同学，不装逼你会死啊？！“我在我的世界里轻轻的歌唱”这句话到底是哪里看来的？好像非常具有代表性…… 嗯哼嗯哼…… 最后一句“无所依矣！”是个嘛东西？你认为大家都像你一样不懂古文吗？唉…… 所以呀，现在我虽然挺讨厌装逼的人，也没想鄙视他们。是的，大家都要经历这个阶段。 个篱小朋友要送我域名一个，让我自己选，我本着单纯而美好的愿望，挖空心思想了这么一个“果冻恙”。想起来，jellyyoung听起来也蛮悦耳的。可惜，后来我们才发现，搜索“果冻恙”会提示：你是不是要找“果冻样”——而这结果，可就不太雅观了…… 哈哈哈。Anyway，当年做这个站的时候，还是对这事儿毫无知觉…… 外观 当年已经学过一点PS，所以你能看到主页的左边放了些我自己P的图。不过，我还不知道用Photoshop来做效果图，所以这个站整个外观都是直接用CSS写的，颜色什么的也是不断改代码试出来的，没有什么mockup之类的东东…  只有背景，是一条渐变图的平铺。因为那本CSS教程上就有讲背景图啦！但是好像现在看起来渐变不够明显？还不如用纯色呢！而且哟，当年我都不知道设置背景图片的同时还可以设背景色的…… 也不知道是哪里学来的设计技巧，每个子页面都是高纯度色。这种做法我一直念念不忘，乃至到后来做学生会网站的时候，也用了四种高纯度色。现在看来，这些色彩，都好囧啊。不是说看着累，而是在某些显示器上看着累…… 显示器稍微有点色差就会受不了。适用范围不广。 首页那个Flash啊，好囧啊。转圈圈，转圈圈，关键词，关键词…… 多么纯真无邪呀～ 不过最囧的还是，里面用到的一个单词meditate，我居然想不起来是啥意思了…… 刚才有道了一下，是“冥思”的意思…… 是的，热情、冥思、自信、善良，就构成了这只让人开心却要自己忧伤的果冻……   嗯…. 严肃，大家都严肃！ 还有那些ＰＳ的图片，唉，看了就让我伤感呀…… 想当年我还是凌厉的小正太一枚，如今就已蜕变成面向猥琐、胡子拉碴、双目无光、人人第一印象都是“你是宅男吧？”的幽怨大叔了…… 技术 都说我基本上是零基础，手边有没有网上的系统教程，所以做的时候都是靠的我对软件的敏感，自己在Dreamweaver里摸索。“站点管理”、“网页模板” 些东西都是自己搞懂的…… 然后JavaScript，是几乎毫无基础，直接抱着《Ajax基础教程》啃，然后自己写出来的。说实话，显得我的JS也不咋地，没有google就写不下去的，连最基本的字符串操作函数都必须随时有参考文档才行…… 想成大事，是还是要费脑子去背才行。 虽说我看了《Ajax基础教程》，但看懂这本书还需要Java基础和servlet的环境实践，所以我也就看了些最基本的概念就没有深入研究了。果冻恙的Ajax用在了日志和友链页面里。 突然从当年的日志里发现，原来我一直都是一个workaholic，只要专心去做一件事了，完全可以废寝忘食。不过啊，要是自己不想做的事，打死也不会去做…… 即使早就过了deadline都还是要推…… 解决办法只有让自己爱上它，或者寄希望与通过一点责任心来控制自己，不然真的没办法强迫的…… 一个下午都耗在Mod_rewrite上了… 由于我的虚拟主机不支持域名绑定子目录，所以我就需要通过rewrite来实现子网站的虚拟主机。前段时间换成了Linux主机，而Apache下的mod_rewrite又和IIS上的ISAPI Rewrite的作用机制有点不一样。我试了很久发现好像mod_rewrite的[L]（停止重修）这个flag没有起作用？不知道是哪里的全局设置出了问题，还是我自己对这一flag的理解没对？有没有高手解释一下？ 最终我选定的方案是： [php]RewriteCond $1 !(test&#124;portfolio&#124;pf&#124;src&#124;demo)/ RewriteCond %{HTTP_HOST} ^(test&#124;portfolio&#124;pf&#124;src&#124;demo)\.benhuoer\.com$ RewriteRule ^(.*) /%1/$1[/php] 核心是判断host name，然后rewrite到子目录下。之所以把HTTP_HOST这个condition放到第二句是需要在RewriteRule里调用那些host前缀，使用%1进行匹配。$1匹配的是前面的RewriteRule的Pattern。第一句是为了防止已经rewrite过的再被rewrite… [...]<div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/isapi-rewiter-for-vhost.html" rel="bookmark">用ISAPI Rewiter代替虚拟主机，实现一个空间多个域名共用</a></li></ol></div> ]]></description> <content:encoded><![CDATA[<p>相信学网页的都是从自己的个人主页做起，今天我也来特别放送我的这第一个网页作品。</p><blockquote><p><a
title="Demo" href="http://demo.benhuoer.com/jellyyoung/" target="_blank">果冻恙 &#8211; Jelly Young</a></p></blockquote><p>这是大一暑假，也就是整整两年前做的东西。当时抱着本台湾人编的CSS实例教程（没有系统化讲解，都是一些基本属性的实例应用，书名我忘了），还有一部《<a
href="http://www.douban.com/subject/1472607/">Ajax基础教程</a>》，一个人在家里捣鼓，基本上是零基础，家里又没有联网，没办法看网上的教程，基本上就靠着这两本书了。嗯…. 以及Dreamweaver的帮助文档，呵呵。</p><p><span
id="more-1564"></span></p><h3>果冻恙? 嗯哼？</h3><p>当年的自我介绍是这样写的：</p><blockquote><p>我在我的世界里轻轻的歌唱。果冻软滑的质感，明亮的色彩，丰富而甜蜜的口味，让人开心，不得不开心呵！我做那只年轻的让<span
style="text-decoration: line-through;">认</span>人开心的果冻，我却无力诋毁我内心的忧伤。果冻有恙，无恙？无所依矣！</p></blockquote><p>同学，不装逼你会死啊？！“我在我的世界里轻轻的歌唱”这句话到底是哪里看来的？好像非常具有代表性…… 嗯哼嗯哼…… 最后一句“无所依矣！”是个嘛东西？你认为大家都像你一样不懂古文吗？唉…… 所以呀，现在我虽然挺讨厌装逼的人，也没想鄙视他们。是的，大家都要经历这个阶段。</p><p>个篱小朋友要送我域名一个，让我自己选，我本着单纯而美好的愿望，挖空心思想了这么一个“果冻恙”。想起来，jellyyoung听起来也蛮悦耳的。可惜，后来我们才发现，搜索“果冻恙”会提示：你是不是要找“果冻样”——而<a
href="http://www.google.cn/search?hl=zh-CN&amp;q=%E6%9E%9C%E5%86%BB%E6%81%99" target="_blank">这结果</a>，可就不太雅观了…… 哈哈哈。Anyway，当年做这个站的时候，还是对这事儿毫无知觉……</p><h3>外观</h3><p>当年已经学过一点PS，所以你能看到主页的左边放了些我自己P的图。不过，我还不知道用Photoshop来做效果图，所以这个站整个外观都是直接用CSS写的，颜色什么的也是不断改代码试出来的，没有什么mockup之类的东东…  只有背景，是一条渐变图的平铺。因为那本CSS教程上就有讲背景图啦！但是好像现在看起来渐变不够明显？还不如用纯色呢！而且哟，当年我都不知道设置背景图片的同时还可以设背景色的……</p><p>也不知道是哪里学来的设计技巧，每个子页面都是高纯度色。这种做法我一直念念不忘，乃至到后来做<a
href="http://www.sausu.com.cn/" target="_blank">学生会网站</a>的时候，也用了四种高纯度色。现在看来，这些色彩，都好囧啊。不是说看着累，而是在某些显示器上看着累…… 显示器稍微有点色差就会受不了。适用范围不广。</p><p>首页那个Flash啊，好囧啊。转圈圈，转圈圈，关键词，关键词…… 多么纯真无邪呀～ 不过最囧的还是，里面用到的一个单词meditate，我居然想不起来是啥意思了…… 刚才有道了一下，是“冥思”的意思…… 是的，热情、冥思、自信、善良，就构成了这只<strong>让人开心却要自己忧伤</strong>的果冻……   嗯…. 严肃，大家都严肃！</p><p>还有那些ＰＳ的图片，唉，看了就让我伤感呀…… 想当年我还是凌厉的小正太一枚，如今就已蜕变成面向猥琐、胡子拉碴、双目无光、人人第一印象都是“你是宅男吧？”的幽怨大叔了……</p><h3>技术</h3><p>都说我基本上是零基础，手边有没有网上的系统教程，所以做的时候都是靠的我对软件的敏感，自己在Dreamweaver里摸索。“站点管理”、“网页模板” 些东西都是自己搞懂的…… 然后JavaScript，是几乎毫无基础，直接抱着《Ajax基础教程》啃，然后自己写出来的。说实话，显得我的JS也不咋地，没有google就写不下去的，连最基本的字符串操作函数都必须随时有参考文档才行…… 想成大事，是还是要费脑子去背才行。</p><p>虽说我看了《Ajax基础教程》，但看懂这本书还需要Java基础和servlet的环境实践，所以我也就看了些最基本的概念就没有深入研究了。果冻恙的Ajax用在了<a
href="http://demo.benhuoer.com/jellyyoung/blog/" target="_blank">日志</a>和<a
href="http://demo.benhuoer.com/demo/jellyyoung/links/" target="_blank">友链</a>页面里。</p><p>突然从当年的日志里发现，原来我一直都是一个workaholic，只要专心去做一件事了，完全可以废寝忘食。不过啊，要是自己不想做的事，打死也不会去做…… 即使早就过了deadline都还是要推…… 解决办法只有让自己爱上它，或者寄希望与通过一点责任心来控制自己，不然真的没办法强迫的……</p><h2>一个下午都耗在Mod_rewrite上了…</h2><p>由于我的虚拟主机不支持域名绑定子目录，所以我就需要通过rewrite来实现子网站的虚拟主机。前段时间换成了Linux主机，而Apache下的mod_rewrite又和IIS上的ISAPI Rewrite的作用机制有点不一样。我试了很久发现好像mod_rewrite的[L]（停止重修）这个flag没有起作用？不知道是哪里的全局设置出了问题，还是我自己对这一flag的理解没对？有没有高手解释一下？</p><p>最终我选定的方案是：</p><p>[php]RewriteCond $1 !(test|portfolio|pf|src|demo)/<br
/> RewriteCond %{HTTP_HOST} ^(test|portfolio|pf|src|demo)\.benhuoer\.com$<br
/> RewriteRule ^(.*)  /%1/$1[/php]</p><p>核心是判断host name，然后rewrite到子目录下。之所以把HTTP_HOST这个condition放到第二句是需要在RewriteRule里调用那些host前缀，使用%1进行匹配。$1匹配的是前面的RewriteRule的Pattern。第一句是为了防止已经rewrite过的再被rewrite…</p><p>有谁能提供更好的写法吗？[L]到底是怎么回事呀？谁能告诉我！</p><div
class="related-post"> <strong>你应该也会喜欢：</strong><ol><li><a
href="http://blog.benhuoer.com/posts/isapi-rewiter-for-vhost.html" rel="bookmark">用ISAPI Rewiter代替虚拟主机，实现一个空间多个域名共用</a></li></ol></div><div
style="border-top:dashed 1px #ccc;  border-bottom:dashed 1px #ccc;padding:0.3em 0;">分类于：<a
href="http://blog.benhuoer.com/category/web-technology" title="查看 Web技术 中的全部文章" rel="category tag">Web技术</a>        标签: <a
href="http://blog.benhuoer.com/tag/css" rel="tag">CSS</a>, <a
href="http://blog.benhuoer.com/tag/javascript" rel="tag">JavaScript</a>, <a
href="http://blog.benhuoer.com/tag/rewrite" rel="tag">rewrite</a>, <a
href="http://blog.benhuoer.com/tag/%e6%9e%9c%e5%86%bb%e6%81%99" rel="tag">果冻恙</a>, <a
href="http://blog.benhuoer.com/tag/%e8%99%9a%e6%8b%9f%e4%b8%bb%e6%9c%ba" rel="tag">虚拟主机</a></div><p><small>©2009 <a
href="http://blog.benhuoer.com" target="_blank">笨活儿</a> | <a
href="http://blog.benhuoer.com/posts/my-first-project.html" target="_blank">永久链接</a> | <a
href="http://blog.benhuoer.com/posts/my-first-project.html#comments" target="_blank">已经有2条评论了</a> | <a
href="http://9.douban.com/recommend/?url=http://blog.benhuoer.com/posts/my-first-project.html&title=果冻恙 &mdash; 我的第一个作品&v=1&n=1" target="_blank">推荐到豆瓣</a> <br/> </small></p>]]></content:encoded> <wfw:commentRss>http://blog.benhuoer.com/posts/my-first-project.html/feed</wfw:commentRss> <slash:comments>2</slash:comments> </item> </channel> </rss>
