<?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>前端客栈</title>
	<atom:link href="http://parazzi.me/feed" rel="self" type="application/rss+xml" />
	<link>http://parazzi.me</link>
	<description>专注于前端设计和良好的用户体验</description>
	<lastBuildDate>Mon, 30 Jan 2012 13:56:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>仿微博滚动插件 &#8211; jQuery.iscroll</title>
		<link>http://parazzi.me/2012/01/imitation-scroll-microblogging-plugin-jquery-iscroll.html</link>
		<comments>http://parazzi.me/2012/01/imitation-scroll-microblogging-plugin-jquery-iscroll.html#comments</comments>
		<pubDate>Thu, 19 Jan 2012 09:15:53 +0000</pubDate>
		<dc:creator>Joe</dc:creator>
				<category><![CDATA[JS/AJAX/jQuery/AIR]]></category>

		<guid isPermaLink="false">http://parazzi.me/?p=932</guid>
		<description><![CDATA[查看插件效果 如题，模仿新浪微博首页滚动效果写的一个jQuery插件。 刚开始练习写jQuyer的插件，还不大熟手，凑合着用先。 代码如下： (function(jQuery){ /** * jQuery.weibo * Date: 2012/01/22 * * @projectDescription 仿照微薄滚动效果 * * @author Joe nikejaycn#gmail.com * @version v0.1 */ jQuery.fn.iscroll = function(params){ options = { ShowTime: 500, //显示时间 moveTime: 3000, //移动时间 charElement:"li", //子节点 ajaxTrunOn: false, //是否开启ajax请求，定时获取数据 ajaxTime: 30000, //发出一次ajax请求时间，默认是30秒获取一次数据 ajaxUrl: "", //ajax数据请求路径 setAjaxHtml: function(data){ //数据源输出设置 //data是ajax返回数据 //在这里都其进行格式化输出 } }; jQuery.extend(options, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="/demo/plugins/iscroll/" target="_blank">查看插件效果</a></p>
<p>如题，模仿新浪微博首页滚动效果写的一个jQuery插件。<br />
刚开始练习写jQuyer的插件，还不大熟手，凑合着用先。<br />
代码如下：</p>
<pre class="brush: js">
(function(jQuery){
    /**
     * jQuery.weibo
     * Date: 2012/01/22
     *
     * @projectDescription 仿照微薄滚动效果
     *
     * @author Joe nikejaycn#gmail.com
     * @version v0.1
     */
    jQuery.fn.iscroll = function(params){
        options = {
            ShowTime: 500, //显示时间
            moveTime: 3000, //移动时间
            charElement:"li", //子节点
            ajaxTrunOn: false, //是否开启ajax请求，定时获取数据
            ajaxTime: 30000, //发出一次ajax请求时间，默认是30秒获取一次数据
            ajaxUrl: "", //ajax数据请求路径
            setAjaxHtml: function(data){ //数据源输出设置
                //data是ajax返回数据
				//在这里都其进行格式化输出
            }
        };
        jQuery.extend(options, params);
        //保存当前对象
        var _this = this,
            isIE = !!window.ActiveXObject,
            isIE6 = isIE&#038;&#038;!window.XMLHttpRequest,
            jsonData = false,
            jsonCount = -1;

        //鼠标经过设置name值为"hovered"
        function setHover(){
            _this.hover(function(){
               _this.attr("name","hovered");
            },function(){
               _this.removeAttr("name");
            });
        }setHover();

        function animateHandler(){
            if(options.ajaxTrunOn){
                //处理请求数据
                handlerJson();
            }
            var height = _this.find(".itemt:last").height();
            _this.find(".itemt:last").css({"opacity":0,"height":0});
            _this.find(".itemt:first").before( _this.find(".itemt:last") );
            _this.find(".itemt:first").animate({"height":height},options.ShowTime);
            _this.find(".itemt:first").animate({"opacity":"1"},options.ShowTime);
        }

        function setMove(){
            if(_this.attr("name") != "hovered"){
                animateHandler();
            }
        }

        //设置定时滚动
        setInterval(function(){
            jsonCount++;
            setMove();
        },options.moveTime);

        //定时查询一次数据
        if(options.ajaxTrunOn){
            setInterval(function(){
               getNewsList();
            },options.ajaxTime);
        }
        //ajax请求
        function getNewsList(){
            $.ajax({
                url: options.ajaxUrl,
                dataTypes: "json",
                success: function(json){
                    jsonCount = -1;
                    jsonData = json;
                }
            })
        }

        //处理请求回来的json
        function handlerJson(){
            if(jsonData){
                _jsonData = eval( "(" +jsonData + ")");
                var _length = _jsonData.length;
                if(jsonCount < _length){
                    //处理相应的函数
                    _this.find(".itemt:last").css("height","auto");//清除高度
                    _this.find(".itemt:last").html(options.setAjaxHtml(_jsonData[jsonCount]));
                }
            }
        }
    }
})(jQuery);
</pre>
]]></content:encoded>
			<wfw:commentRss>http://parazzi.me/2012/01/imitation-scroll-microblogging-plugin-jquery-iscroll.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JSON View &#8211; JSON格式化查看工具</title>
		<link>http://parazzi.me/2012/01/json-view-json-format-viewing-tool.html</link>
		<comments>http://parazzi.me/2012/01/json-view-json-format-viewing-tool.html#comments</comments>
		<pubDate>Mon, 09 Jan 2012 13:01:11 +0000</pubDate>
		<dc:creator>Joe</dc:creator>
				<category><![CDATA[前端常用工具]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://parazzi.me/?p=922</guid>
		<description><![CDATA[一个JSON格式文件查看器，提供JSON可视化操作。带有代码格式化功能，效果嘛，谁用谁知道。 官方站点 备用下载]]></description>
			<content:encoded><![CDATA[<p>一个JSON格式文件查看器，提供JSON可视化操作。带有代码格式化功能，效果嘛，谁用谁知道。<br />
<a href="http://jsonviewer.codeplex.com/" target="_blank">官方站点</a><br />
<a href="/download/JsonViewerPackage.zip">备用下载</a><br />
<img src="http://parazzi.me/wp-content/uploads/2012/01/jsonview.png" alt="" title="jsonview" width="668" height="454" class="alignnone size-full wp-image-924" /></p>
]]></content:encoded>
			<wfw:commentRss>http://parazzi.me/2012/01/json-view-json-format-viewing-tool.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuyer Table插件 &#8211; colorize(修改版)</title>
		<link>http://parazzi.me/2012/01/jquyer-table-plugin-colorize-modified-version.html</link>
		<comments>http://parazzi.me/2012/01/jquyer-table-plugin-colorize-modified-version.html#comments</comments>
		<pubDate>Sun, 08 Jan 2012 12:59:40 +0000</pubDate>
		<dc:creator>Joe</dc:creator>
				<category><![CDATA[JS/AJAX/jQuery/AIR]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JS]]></category>

		<guid isPermaLink="false">http://parazzi.me/?p=910</guid>
		<description><![CDATA[查看插件效果 本插件的作用是为了支持table鼠标经过变色和选中效果，原始版本是只能单列或者单行选取。 修改了后的版本只是单个表格选取，配置参数如下： options = { ltColor: '#fbfbfb', // 行背景交互色。默认为 '#ECF6FC'， 设置为 'none' 则不使用背景交互色。 bgColor: '#fff', // 背景色（默认背景色为白色）。 hoverColor: '#eff6ff', // 当鼠标在行上悬停时的背景色。默认为 '#BCD4EC'。 hoverClass:'', // mouseover样式类；hoverColor属性优先。 hiliteColor: '#ffffe5', // 行高亮色。默认为 'yellow'，设置为 'none' 时关闭高亮。 hiliteClass:'', // 行或列高亮时使用的样式类，当设置了hiliteColor时被优先使用。 oneClick: false, // 每次只允许一行或一列高亮，当点击新行/新列时取消当前高亮。默认为false。 hover:'row', // 设置mouseover特性，可使用如下值：'row'、'column'、'cross' 。默认值为 'row'。 click:'row', // 设置鼠标点击时的高亮选项，可用值：'row'、'column'、 'cross'。当设置为 'row'，点击时行高亮；当设置为 'column'，点击时列高亮；当设置为 'cross'，点击时行和列同时高亮。默认值为 'row'。 banColumns: [], [...]]]></description>
			<content:encoded><![CDATA[<p><a href="/demo/plugins/colorize/" target="_blank">查看插件效果</a><br />
本插件的作用是为了支持table鼠标经过变色和选中效果，原始版本是只能单列或者单行选取。<br />
修改了后的版本只是单个表格选取，配置参数如下：</p>
<pre class="brush: js">
options = {
	ltColor: '#fbfbfb', // 行背景交互色。默认为 '#ECF6FC'， 设置为 'none' 则不使用背景交互色。
	bgColor: '#fff', // 背景色（默认背景色为白色）。
	hoverColor: '#eff6ff', // 当鼠标在行上悬停时的背景色。默认为 '#BCD4EC'。
	hoverClass:'', // mouseover样式类；hoverColor属性优先。
	hiliteColor: '#ffffe5', // 行高亮色。默认为 'yellow'，设置为 'none' 时关闭高亮。
	hiliteClass:'', // 行或列高亮时使用的样式类，当设置了hiliteColor时被优先使用。
	oneClick: false, // 每次只允许一行或一列高亮，当点击新行/新列时取消当前高亮。默认为false。
	hover:'row', // 设置mouseover特性，可使用如下值：'row'、'column'、'cross' 。默认值为 'row'。
	click:'row', // 设置鼠标点击时的高亮选项，可用值：'row'、'column'、 'cross'。当设置为 'row'，点击时行高亮；当设置为 'column'，点击时列高亮；当设置为 'cross'，点击时行和列同时高亮。默认值为 'row'。
	banColumns: [], // 防止某些列点击时高亮，还有鼠标悬停时也一样。可提交一个列数组作为参数，当使用'last'值时最后一列不能高亮。如第一第二列不高亮 banColumns: [0,1]
	banRows:[], // 防止某些行高亮，可提交一个行数组作为参数。如第一第二行不高亮 banColumns: [0,1]
	banDataClick:false, // 如果为true，你只能点击表头行。默认为为false。
	ignoreHeaders:true, // 如果为true，表头行不变色（没有斑马线）。默认为true。
	nested:false, // 默认为false。如果一个表中嵌套有表格，使用它可获得一致的斑马线。
    singleTd:false //是否启用单个表格高亮模式，默认是单列高亮
};
</pre>
]]></content:encoded>
			<wfw:commentRss>http://parazzi.me/2012/01/jquyer-table-plugin-colorize-modified-version.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>再见了2011 总结一下</title>
		<link>http://parazzi.me/2011/12/goodbye-to-sum-up-2011.html</link>
		<comments>http://parazzi.me/2011/12/goodbye-to-sum-up-2011.html#comments</comments>
		<pubDate>Sat, 31 Dec 2011 14:43:26 +0000</pubDate>
		<dc:creator>Joe</dc:creator>
				<category><![CDATA[Life]]></category>

		<guid isPermaLink="false">http://parazzi.me/?p=887</guid>
		<description><![CDATA[2012就到了，想起去年的这个时候，颇有感触。 工作： 去年的这个时候，我还在ylmf里面当实习生，氛围与环境都很不错，但是很可惜后来因为某些原因离开了ylmf。 但是也借此机会认识了不少人，如@Alpha，@leiicon等，thanks～ 然后从2月份开始就一直呆在广州，和迈，我的另一家公司。一直待到了10月底。经手两个项目： 一、大河马水上乐园 一个在线订票系统，我只能说，你看到的东西都是我做的，当然还有一些你看不到的。^_^ 二、蓝想网 我一直很在意这个项目，从我的手中经过就更新了2版。但是到了最后还是流产了，why？总结了一下： 从人手来说：我们都是新手，对互联网不熟悉，公司技术负责人是从电信行业出生的，也不熟悉互联网这一块，大家都过于理想化了。 从技术来说：JAVA，我不是说JAVA不好，在一些前期需要快速开发并上线的产品上面，它确实是过于笨重了。开发过程中动不动就要重启服务器，每一次的过程都很漫长，而且还配合着IDE使用，实在不爽。一天的时间就浪费在这里了。 从团队来说：我只能说，团队的执行力不行，我不针对谁谁谁，但是确实是这样的。比如我一个功能，一个设计稿出来，等了几天不能定下来。还有一些应承而没有做到的，哥就不吐槽了 这是一次失败的经历，同时为我累积了不少经验。 其中最大的收获就是读了很多书，直到10月底要搬走收拾的时候，才发现已经差不多3大箱的书。花了差不多1500元～不错，不错 还去了一次webRebuild的年会。只能用“啊”来感叹一下～ 11月，来到了期望已久的杭州，坐上了人生第一班飞机。新的公司叫做：丁香园，继续做着我喜欢并且愿意做的事情。 一切安好。 知识： 离开了学校之后，才开始骂自己在学校的时候为什么不好好的看多点书呢。 本年前端最热门的话题估计就是HTML5了，感觉到了下半年后，一大堆了html5应用，web app，html5游戏涌现出来。随着智能手机和各种pad的普及，移动开发果然是大热啊～ 很高兴也参与了公司@丁香园的用药助手HTML5版本的开发(http://drugs.dxy.cn/m/)，iOS用户和android的，可以试试哦。 然后还学习了一些ROR的知识，遗憾是现在还没有一个成型的作品。 常规的javascript、css、HTML等等，今年还行，可以给自己一个交代了。 还有一些如php，node.js等等blah blah blah～，就不多说了。 生活： 生活一团糟糕，浪费了很多无所谓的钱。想去的地方都没有去成。时间都宅在宿舍里面了。惰性啊，锻炼身体的也要赶紧操行起来了，不然这骨头就废掉了。 2012： 多关心家人,希望大家都能健健康康。 能在@丁香园体现自己的价值，一些有意义的事情。 多看点书。 完成自己的第一个HTML5应用(http://itoyou.cc)，当然不能止于一个 希望fish同学能找到一份好工作。 能到处走走看看。 培养自己的业余爱好(钢琴/小提琴)。 务必要坚持锻炼身体，就算是简单的跑跑步也好。 为开源社区做点贡献 &#8230; 最后，终于赶在12点把总结写好了，祝大家新年快乐，重要是身体健康。你懂得～ &#8211;EOF&#8211;]]></description>
			<content:encoded><![CDATA[<style type="text/css">
	#ul, #ol{list-style-position:inside;padding-left:20px;}
	#ul li{list-style-type:disc;}
	#ol li{list-style-type:decimal;}
	.em{font-style:inherit;}
	.pl20{padding-left:20px;}
.fl{float:left;}
.books span{border:1px solid #ccc; padding:10px 0 10px 10px;margin:10px 0;box-shadow:2px 2px 2px #ccc;}
.books img{padding-right:10px;}
</style>
<p>2012就到了，想起去年的这个时候，颇有感触。<br />
<br />
<strong>工作：</strong><br />
去年的这个时候，我还在ylmf里面当实习生，氛围与环境都很不错，但是很可惜后来因为某些原因离开了ylmf。<br />
但是也借此机会认识了不少人，如<a href="http://weibo.com/cambin">@Alpha</a>，<a href="http://leiicon.net">@leiicon</a>等，thanks～</p>
<p>然后从2月份开始就一直呆在广州，和迈，我的另一家公司。一直待到了10月底。经手两个项目：<br />
<em class="em">一、<a href="http://www.dahema.com">大河马水上乐园</a></em><br />
<span class="pl20">一个在线订票系统，我只能说，你看到的东西都是我做的，当然还有一些你看不到的。^_^</span><br />
<em class="em">二、<a href="http://www.comeon121.com">蓝想网</a></em><br />
<span class="pl20">我一直很在意这个项目，从我的手中经过就更新了2版。但是到了最后还是流产了，why？总结了一下：</span></p>
<ol id="ol">
<li>从人手来说：我们都是新手，对互联网不熟悉，公司技术负责人是从电信行业出生的，也不熟悉互联网这一块，大家都过于理想化了。</li>
<li>从技术来说：JAVA，我不是说JAVA不好，在一些前期需要快速开发并上线的产品上面，它确实是过于笨重了。开发过程中动不动就要重启服务器，每一次的过程都很漫长，而且还配合着IDE使用，实在不爽。一天的时间就浪费在这里了。</li>
<li>从团队来说：我只能说，团队的执行力不行，我不针对谁谁谁，但是确实是这样的。比如我一个功能，一个设计稿出来，等了几天不能定下来。还有一些应承而没有做到的，哥就不吐槽了</li>
</ol>
<p>这是一次失败的经历，同时为我累积了不少经验。<br />
其中最大的收获就是读了很多书，直到10月底要搬走收拾的时候，才发现已经差不多3大箱的书。花了差不多1500元～不错，不错</p>
<div class="books clearfix">
<span class="fl"><img class="fl" src="http://parazzi.me/wp-content/uploads/2011/12/IMG_20111114_154154-300x225.jpg" alt="" title="left" width="300" height="225" class="alignnone size-medium wp-image-905" /><img class="fl" src="http://parazzi.me/wp-content/uploads/2011/12/IMG_20111114_154202-300x225.jpg" alt="" title="right" width="300" height="225" class="alignnone size-medium wp-image-906" /></span>
</div>
<p>还去了一次webRebuild的年会。只能用“啊”来感叹一下～<br />
11月，来到了期望已久的杭州，坐上了人生第一班飞机。新的公司叫做：<a href="http://www.dxy.cn">丁香园</a>，继续做着我喜欢并且愿意做的事情。<br />
一切安好。<br />
<br />
<strong>知识：</strong><br />
离开了学校之后，才开始骂自己在学校的时候为什么不好好的看多点书呢。<br />
本年前端最热门的话题估计就是HTML5了，感觉到了下半年后，一大堆了html5应用，web app，html5游戏涌现出来。随着智能手机和各种pad的普及，移动开发果然是大热啊～<br />
很高兴也参与了公司@<a href="http://www.dxy.cn">丁香园</a>的用药助手HTML5版本的开发(<a href="http://drugs.dxy.cn/m/">http://drugs.dxy.cn/m/</a>)，iOS用户和android的，可以试试哦。<br />
然后还学习了一些ROR的知识，遗憾是现在还没有一个成型的作品。<br />
常规的javascript、css、HTML等等，今年还行，可以给自己一个交代了。<br />
还有一些如php，node.js等等blah blah blah～，就不多说了。<br />
<br />
<strong>生活：</strong><br />
生活一团糟糕，浪费了很多无所谓的钱。想去的地方都没有去成。时间都宅在宿舍里面了。惰性啊，锻炼身体的也要赶紧操行起来了，不然这骨头就废掉了。<br />
<br />
<strong>2012：</strong></p>
<ul id="ul">
<li>多关心家人,希望大家都能健健康康。</li>
<li>能在@<a href="http://www.dxy.cn">丁香园</a>体现自己的价值，一些有意义的事情。</li>
<li>多看点书。</li>
<li>完成自己的第一个HTML5应用(http://itoyou.cc)，当然不能止于一个</li>
<li>希望fish同学能找到一份好工作。</li>
<li>能到处走走看看。</li>
<li>培养自己的业余爱好(钢琴/小提琴)。</li>
<li>务必要坚持锻炼身体，就算是简单的跑跑步也好。</li>
<li>为开源社区做点贡献</li>
</ul>
<p>&#8230;</p>
<p>最后，终于赶在12点把总结写好了，祝大家新年快乐，重要是身体健康。你懂得～</p>
<p>&#8211;EOF&#8211;</p>
]]></content:encoded>
			<wfw:commentRss>http://parazzi.me/2011/12/goodbye-to-sum-up-2011.html/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Debian/Ubuntu下PPTP一键安装脚本</title>
		<link>http://parazzi.me/2011/12/debian-ubuntu-installation-script-a-key-under-the-pptp.html</link>
		<comments>http://parazzi.me/2011/12/debian-ubuntu-installation-script-a-key-under-the-pptp.html#comments</comments>
		<pubDate>Fri, 23 Dec 2011 16:23:33 +0000</pubDate>
		<dc:creator>Joe</dc:creator>
				<category><![CDATA[PHP/Rails/linux]]></category>

		<guid isPermaLink="false">http://parazzi.me/?p=878</guid>
		<description><![CDATA[使用方法非常简单，在linux的终端进行如下操作： $ wget http://parazzi.me/sh/pptp.sh $ chmod +x pptp.sh $ ./ppth.sh 然后按照提示输入你要创建的用户名/密码就可以了。]]></description>
			<content:encoded><![CDATA[<p>使用方法非常简单，在linux的终端进行如下操作：</p>
<pre class="brush: bash">
$ wget http://parazzi.me/sh/pptp.sh
$ chmod +x pptp.sh
$ ./ppth.sh
</pre>
<p>然后按照提示输入你要创建的用户名/密码就可以了。</p>
]]></content:encoded>
			<wfw:commentRss>http://parazzi.me/2011/12/debian-ubuntu-installation-script-a-key-under-the-pptp.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Debian/Ubuntu上的openvpn搭建</title>
		<link>http://parazzi.me/2011/12/debian-ubuntu-build-on-openvpn.html</link>
		<comments>http://parazzi.me/2011/12/debian-ubuntu-build-on-openvpn.html#comments</comments>
		<pubDate>Fri, 23 Dec 2011 16:14:35 +0000</pubDate>
		<dc:creator>Joe</dc:creator>
				<category><![CDATA[PHP/Rails/linux]]></category>

		<guid isPermaLink="false">http://parazzi.me/?p=871</guid>
		<description><![CDATA[今天总算是把OpenVPN配置好了。在diahosting和myhost123测试通过。 因为之前用的iptables规则不正确,所以一直能连接到VPN但无法访问外部网络,于是就记录一下吧. 系统有现成的包，直接安装: $ apt-get -y install openvpn 复制配置文件和生成证书的工具 $ cp -R /usr/share/doc/openvpn/examples/easy-rsa/ /etc/openvpn $ cp /usr/share/doc/openvpn/examples/sample-config-files/server.conf.gz /etc/openvpn/ $ cd /etc/openvpn $ gzip -d server.conf.gz $ cd easy-rsa/2.0/ 准备生成证书,如果不需要指定证书的信息,可以跳过编辑vars文件的步骤 $ vi vars $ . ./vars $ ./clean-all 生成ca证书,可以一路回车 $ ./build-ca 下面生成服务器和客户端的证书,每次生成到最后有2个提问必须回答y,才能真正生成证书,如果一路按回车,到最后可能发现一个空证书 $ ./build-key-server server $ ./build-key client1 再生成一个DH PARAMETERS,OpenVPN的服务器需要这个 $ ./build-dh OpenVPN所需要的key就生成好了. $ cd keys [...]]]></description>
			<content:encoded><![CDATA[<p>今天总算是把OpenVPN配置好了。在<a target="_blank" href="https://www.diahosting.com">diahosting</a>和<a target="_blank" href="http://www.myhost123.com/">myhost123</a>测试通过。<br />
因为之前用的iptables规则不正确,所以一直能连接到VPN但无法访问外部网络,于是就记录一下吧.</p>
<p>系统有现成的包，直接安装:</p>
<pre class="brush: bash">
$ apt-get -y install openvpn
</pre>
<p>复制配置文件和生成证书的工具</p>
<pre class="brush: bash">
$ cp -R /usr/share/doc/openvpn/examples/easy-rsa/ /etc/openvpn
$ cp /usr/share/doc/openvpn/examples/sample-config-files/server.conf.gz /etc/openvpn/
$ cd /etc/openvpn
$ gzip -d server.conf.gz
$ cd easy-rsa/2.0/
</pre>
<p>准备生成证书,如果不需要指定证书的信息,可以跳过编辑vars文件的步骤</p>
<pre class="brush: bash">
$ vi vars
$ . ./vars
$ ./clean-all
</pre>
<p>生成ca证书,可以一路回车</p>
<pre class="brush: bash">
$ ./build-ca
</pre>
<p>下面生成服务器和客户端的证书,每次生成到最后有2个提问必须回答y,才能真正生成证书,如果一路按回车,到最后可能发现一个空证书</p>
<pre class="brush: bash">
$ ./build-key-server server
$ ./build-key client1
</pre>
<p>再生成一个DH PARAMETERS,OpenVPN的服务器需要这个</p>
<pre class="brush: bash">
$ ./build-dh
</pre>
<p>OpenVPN所需要的key就生成好了.</p>
<pre class="brush: bash">
$ cd keys
$ cp ca.crt dh1024.pem server.crt server.key /etc/openvpn/
</pre>
<p>然后就可以直接用工具把/etc/openvpn/easy-rsa/2.0/目录下的ca.crt client1.crt client1.key文件保存到本地，连接的时候要用。win平台下推荐使用<a href="http://winscp.net/eng/download.php">winscp</a><br />
之后就是修改配置文件了.先修改服务器端的/etc/openvpn/server.conf</p>
<pre class="brush: bash">
port 1234 #连接端口
;proto tcp
proto udp #连接方式
;dev tap
dev tun
ca /etc/openvpn/ca.crt
cert /etc/openvpn/server.crt
key /etc/openvpn/server.key  # This file should be kept secret
dh /etc/openvpn/dh1024.pem
server 10.8.0.0 255.255.255.0 #ip分配，不能跟本地冲突
ifconfig-pool-persist ipp.txt
push "redirect-gateway def1 bypass-dhcp"
push "dhcp-option DNS 8.8.8.8" #dns
push "dhcp-option DNS 8.8.4.4"
;duplicate-cn #如果你要多人共用一个证书的话，请开启本项。
keepalive 10 120 #连接测试,意思是10秒ping一次,120秒没有返回就断开重连
comp-lzo #开启压缩传输
persist-key
persist-tun
status openvpn-status.log
log-append  openvpn.log
verb 3
</pre>
<p>然后需要在服务器端设置iptables,假设我的服务器ip是12.34.56.78</p>
<pre class="brush: bash">
$ iptables -t nat -A POSTROUTING -s 10.8.0.0/24 -j SNAT --to-source 12.34.56.78
</pre>
<p>启动服务器端</p>
<pre class="brush: bash">
$ /etc/init.d/openvpn start
</pre>
<p>再编辑一个本地的配置文件client.ovpn，大部分信息都跟上面的server.conf对应</p>
<pre class="brush: bash">
client
;dev tap
dev tun
;proto tcp
proto udp
remote 12.34.56.78 1234 #连接ip/域名 端口
resolv-retry infinite
nobind
persist-key
persist-tun
ca ca.crt
cert client1.crt
key client1.key
ns-cert-type server
comp-lzo
verb 3
</pre>
<p>然后,下载客户端并安装<br />
我用的是windows的客户端,安装完毕后如果安装目录下没有config和log目录,要手动建立它们<br />
将刚刚保存的ca.crt client1.crt client1.key client.ovpn这几个文件复制到config目录下,运行桌面上的OpenVPN GUI就可以连接了.</p>
<p>如果出现无法连接的错误或者是连接后，不能访问外网的情况，可以尝试一下在服务器端开启一下相应的端口：</p>
<pre class="brush: bash">
#TCP
$ iptables -A INPUT -p tcp --dport 1234 -j ACCEPT
$ iptables -A OUTPUT -p tcp --sport 1234 -j ACCEPT
#UDP
$ iptables -A INPUT -p udp --dport 1234 -j ACCEPT
$ iptables -A OUTPUT -p udp --sport 1234 -j ACCEPT
</pre>
<p>参考资料：<br />
<a target="_blank" href="http://www.vpser.net/build/linode-install-openvpn.html">Linode VPS OpenVPN安装配置教程(基于Debian/Ubuntu)</a><br />
<a target="_blank" href="http://openvpn.net/index.php/open-source/documentation/howto.html">官方HOWTO</a></p>
]]></content:encoded>
			<wfw:commentRss>http://parazzi.me/2011/12/debian-ubuntu-build-on-openvpn.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>那些年，我们一起追过的女孩</title>
		<link>http://parazzi.me/2011/12/those-years-we-caught-up-with-the-girls.html</link>
		<comments>http://parazzi.me/2011/12/those-years-we-caught-up-with-the-girls.html#comments</comments>
		<pubDate>Mon, 12 Dec 2011 17:06:57 +0000</pubDate>
		<dc:creator>Joe</dc:creator>
				<category><![CDATA[Life]]></category>

		<guid isPermaLink="false">http://parazzi.me/?p=861</guid>
		<description><![CDATA[看完了这本书了。 看完了这部电影了。 总有再去看一次这本书的冲动，虽然我已经看过了。 但毕竟，那都是我们的青春，在九把刀的笔下，记忆中的点点滴滴，仿佛重现。 虽然我没有那么好文笔，但是我总觉的要写点什么，纪念一下我的青春。 爱情往往从偏见开始。互看不顺眼，就是彼此关注的起点。 以为最讨厌的，换个角度，看见了隐藏的另一面，就成了最喜欢。 最难忘的，原来最简单。 柯景腾和沈佳宜打赌，他输了以後，愿赌服输理了平头，没输的沈佳宜也若无其事梳了马尾来上课。我喜欢两人之间不着痕迹，只有彼此心知肚明的的默契。 不说喜欢，却在意你说的任何一句话，这才是打从心底的喜欢。 两人分离多年以後，九二一大地震成为衔接彼此的桥梁。电话里的他们像往常一样轻松聊天，悄悄藏起伤害，彷佛不曾断线。 她是他美好的初恋，也是他永远的青春。 电影的最后，沈佳宜说了一句：谢谢你喜欢我。柯景腾：我也很喜欢当年那个喜欢你的我。 相信不管多少年，我们依旧会深深喜欢青春光时那个无论如何都要偏执去爱的自己。九把刀：有爱才会有意志力，我深有同感。如果你曾花几年的时间去爱一个人，不管最後能否修成正果，你一定能在爱她（他）的过程中，成为更好的自己；也因曾为一个人不顾一切的付出，才会有後来更坚定去爱的自己。 每个人心中都会有一个沈佳仪，曾经坐在你的后面，用笔捅过你的背后。就像电影里最后的一个画面，一件捅满笔迹的校服。 虽然青春已经不在。 “You are the apple of my eyes.” 听过本片国内的上映日期是2012年1月6日，我知道必定会删减的很厉害。但是，还是想要去看看。可以跟你的死党一起，如果你的女朋友是你的初恋，那么请带上她吧。 &#8212;-EOF&#8212;-]]></description>
			<content:encoded><![CDATA[<p><img src="http://parazzi.me/wp-content/uploads/2011/12/20110930173010741703.jpg" alt="" title="20110930173010741703" width="500" height="375" class="alignnone size-full wp-image-865" /></p>
<p>看完了这本书了。</p>
<p>看完了这部电影了。</p>
<p>总有再去看一次这本书的冲动，虽然我已经看过了。</p>
<p>但毕竟，那都是我们的青春，在九把刀的笔下，记忆中的点点滴滴，仿佛重现。</p>
<p>虽然我没有那么好文笔，但是我总觉的要写点什么，纪念一下我的青春。</p>
<blockquote><p>爱情往往从偏见开始。互看不顺眼，就是彼此关注的起点。<br />
以为最讨厌的，换个角度，看见了隐藏的另一面，就成了最喜欢。<br />
最难忘的，原来最简单。<br />
柯景腾和沈佳宜打赌，他输了以後，愿赌服输理了平头，没输的沈佳宜也若无其事梳了马尾来上课。我喜欢两人之间不着痕迹，只有彼此心知肚明的的默契。<br />
不说喜欢，却在意你说的任何一句话，这才是打从心底的喜欢。<br />
两人分离多年以後，九二一大地震成为衔接彼此的桥梁。电话里的他们像往常一样轻松聊天，悄悄藏起伤害，彷佛不曾断线。<br />
她是他美好的初恋，也是他永远的青春。<br />
电影的最后，沈佳宜说了一句：谢谢你喜欢我。柯景腾：我也很喜欢当年那个喜欢你的我。<br />
相信不管多少年，我们依旧会深深喜欢青春光时那个无论如何都要偏执去爱的自己。九把刀：有爱才会有意志力，我深有同感。如果你曾花几年的时间去爱一个人，不管最後能否修成正果，你一定能在爱她（他）的过程中，成为更好的自己；也因曾为一个人不顾一切的付出，才会有後来更坚定去爱的自己。</p></blockquote>
<p>每个人心中都会有一个沈佳仪，曾经坐在你的后面，用笔捅过你的背后。就像电影里最后的一个画面，一件捅满笔迹的校服。</p>
<p>虽然青春已经不在。</p>
<p>“You are the apple of my eyes.”</p>
<p><img src="http://parazzi.me/wp-content/uploads/2011/12/20110930173009155388.jpg" alt="" title="20110930173009155388" width="500" height="374" class="alignnone size-full wp-image-866" /></p>
<p>听过本片国内的上映日期是2012年1月6日，我知道必定会删减的很厉害。但是，还是想要去看看。可以跟你的死党一起，如果你的女朋友是你的初恋，那么请带上她吧。</p>
<p>&#8212;-EOF&#8212;-</p>
]]></content:encoded>
			<wfw:commentRss>http://parazzi.me/2011/12/those-years-we-caught-up-with-the-girls.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>[蔡康永] 有一天啊，宝宝</title>
		<link>http://parazzi.me/2011/12/one-day-ah-baby.html</link>
		<comments>http://parazzi.me/2011/12/one-day-ah-baby.html#comments</comments>
		<pubDate>Sat, 10 Dec 2011 14:22:32 +0000</pubDate>
		<dc:creator>Joe</dc:creator>
				<category><![CDATA[Life]]></category>

		<guid isPermaLink="false">http://parazzi.me/?p=847</guid>
		<description><![CDATA[原文：http://blog.yuedu.fm/?p=258 现场演唱会。 &#160; 八个朋友，围着大房子里的大木头桌，吃完布丁以后，开始说每个人去过的现场演唱会。 &#160; 没有人够老得赶上披头四，但有人竟然听过鲍勃?迪伦的现场，大家赞叹了一下。另外几个人讲起自己哭得最凶的演唱会，都不是很有名的。妮塔说起她在纽 约一个荒废剧院里听的那场演唱，她感动的不是主角，而是半途以神秘嘉宾身份现身的、当时一个刚从勒戒中心放出来、因为遗传白化症而披着满头白发的年轻女歌 手。 &#160; 芮塔则说起一个喜欢单脚站立整场演唱会、疯狂吹笛的吹笛手。 &#160; “他们都只有名那几年，后来就没什么人知道了，有名大概也不是太吸引他们的事吧。”她们说。 &#160; 我参加过的演唱会，全场最多人的大概六万人、最少的大概八十人。每次我都好感动、好高兴。我喜欢看几万个人接力的、把手上喷火花的火花棒一个接一个 地散布到全场都是。我喜欢在场里挤满快让人窒息的热情的时候，抽空抬头看天上的星星。我也喜欢在小酒馆里看有的人醉着有的人吻着，听着自己也醉了的满头白 发的歌手，在唱我怎么听都还是会流眼泪的歌。 &#160; 宝宝，我为什么一直对电视很有戒心，是因为电视老是让你以为，你听过那个歌了，但其实你没听过；老是让你以为你看过那个人了，但其实你没看过；老是让你以为你知道灾难与死亡了，但其实你不知道。 &#160; 我每次在现场感动得要命的事，后来再透过电视看到的时候，根本感觉不出来是同一件事情。电视好像渔网，把有生命的都拦截在网子的那一边，到这一边流出来的，都只是水而已。 &#160; 亲爱的宝宝，将来如果有你喜欢的歌手，你要想办法去听他的现场演唱会，去跟其他和你一样喜欢他的人在一起。你不知道那个歌手会有名多久，你也不知道他会愿意活多久。你只能趁他还在的时候，让他变成你回忆的一部分。 &#160; 有些人的生命没有风景，是因为他只在别人造好的、最方便的水管里流过来流过去。你不要理那些水管，你要真的流经一个又一个风景，你才会是一条河。]]></description>
			<content:encoded><![CDATA[<p>原文：<a title="http://blog.yuedu.fm/?p=258" href="http://blog.yuedu.fm/?p=258" target="_blank">http://blog.yuedu.fm/?p=258</a></p>
<p><a href="http://parazzi.me/wp-content/uploads/2011/12/258.jpg"><img class="aligncenter size-full wp-image-857" title="258" alitn="center" src="http://parazzi.me/wp-content/uploads/2011/12/258.jpg" alt="" width="510" height="324" /></a></p>
<p>现场演唱会。</p>
<p>&nbsp;</p>
<p>八个朋友，围着大房子里的大木头桌，吃完布丁以后，开始说每个人去过的现场演唱会。</p>
<p>&nbsp;</p>
<p>没有人够老得赶上披头四，但有人竟然听过鲍勃?迪伦的现场，大家赞叹了一下。另外几个人讲起自己哭得最凶的演唱会，都不是很有名的。妮塔说起她在纽 约一个荒废剧院里听的那场演唱，她感动的不是主角，而是半途以神秘嘉宾身份现身的、当时一个刚从勒戒中心放出来、因为遗传白化症而披着满头白发的年轻女歌 手。</p>
<p>&nbsp;</p>
<p>芮塔则说起一个喜欢单脚站立整场演唱会、疯狂吹笛的吹笛手。</p>
<p>&nbsp;</p>
<p>“他们都只有名那几年，后来就没什么人知道了，有名大概也不是太吸引他们的事吧。”她们说。</p>
<p>&nbsp;</p>
<p>我参加过的演唱会，全场最多人的大概六万人、最少的大概八十人。每次我都好感动、好高兴。我喜欢看几万个人接力的、把手上喷火花的火花棒一个接一个 地散布到全场都是。我喜欢在场里挤满快让人窒息的热情的时候，抽空抬头看天上的星星。我也喜欢在小酒馆里看有的人醉着有的人吻着，听着自己也醉了的满头白 发的歌手，在唱我怎么听都还是会流眼泪的歌。</p>
<p>&nbsp;</p>
<p>宝宝，我为什么一直对电视很有戒心，是因为电视老是让你以为，你听过那个歌了，但其实你没听过；老是让你以为你看过那个人了，但其实你没看过；老是让你以为你知道灾难与死亡了，但其实你不知道。</p>
<p>&nbsp;</p>
<p>我每次在现场感动得要命的事，后来再透过电视看到的时候，根本感觉不出来是同一件事情。电视好像渔网，把有生命的都拦截在网子的那一边，到这一边流出来的，都只是水而已。</p>
<p>&nbsp;</p>
<p>亲爱的宝宝，将来如果有你喜欢的歌手，你要想办法去听他的现场演唱会，去跟其他和你一样喜欢他的人在一起。你不知道那个歌手会有名多久，你也不知道他会愿意活多久。你只能趁他还在的时候，让他变成你回忆的一部分。</p>
<p>&nbsp;</p>
<p>有些人的生命没有风景，是因为他只在别人造好的、最方便的水管里流过来流过去。你不要理那些水管，你要真的流经一个又一个风景，你才会是一条河。</p>
]]></content:encoded>
			<wfw:commentRss>http://parazzi.me/2011/12/one-day-ah-baby.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

