<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Digest of guoshuang</title>
  <meta name="author" content="David Guoshuang">
  <meta name="description" content="web front end coder">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta property="og:site_name" content="Digest of guoshuang"/>
  <meta property="og:image" content="http://guoshuang.com/pics/guoshuang128.png"/>
  <link href="/favicon.ico" rel="icon" />
  <link rel="alternate" href="/atom.xml" title="Digest of guoshuang" type="application/atom+xml" />
  <link rel="stylesheet" href="/cs/style.css" media="screen" type="text/css" />
  <link href="/js/google-code-prettify/prettify.css" type="text/css" rel="stylesheet" media="screen" />
  <link href="/cs/font-awesome.min.css" type="text/css" rel="stylesheet" media="screen" />
  <link rel="author" href="https://plus.google.com/112004170577825985894" />
  <script src="/js/jquery-2.0.3.min.js"></script> 
  <!--[if lt IE 8]><script src="/js/jquery-1.9.1.min.js"></script><script src="/js/html5.js"></script><![endif]-->
  <link rel="stylesheet" href="/labs/gs.css" type="text/css" />
  <link rel="apple-touch-icon-precomposed" href="/guo128.png" />
</head>
<body>
<header id="header" class="inner">  <div class="alignleft">
    <h1><a href="/">Digest of guoshuang</a></h1>
  </div>
  <nav id="main-nav" class="alignright">
    <ul>
        <li><a href="/">Home</a></li>
        <li><a href="/tools/">Tools</a></li>
        <li><a href="/portfolio/">Portfolio</a></li>
        <li><a href="/archives/">Archives</a></li>
    </ul>
    <div class="clearfix"></div>
  </nav>
  <div class="clearfix"></div>
  <div id="gWords"></div>
<div class="search" id="search">
  <form action="/labs/all.html" method="get" accept-charset="utf-8" target="_blank">
    <input type="search" name="q" placeholder="搜素" speech="speech" x-webkit-speech="x-webkit-speech" x-webkit-grammar="builtin:translate" />
  </form>
</div></header>
<div id="content" class="inner">
  <div id="main-col" class="alignleft"><div id="wrapper"><article class="post">
  <div class="post-content">
    <header>
      <div class="date-wrapper">
        <div class="date-shadow"></div>
        <div class="date-mask"></div>
        <div class="dateTitle">
          <span class="d">17</span>
          <span class="ym">09/2015</span>
        </div>
      </div> 
    <h1 class="title"><a href="/mac/set-ubuntu-ssh-timeout/">set ubuntu ssh timeout</a></h1>  
 <div class="meta">最后更新: <span class="pubTime">Thu Sep 17 2015 07:57:09 GMT+0800</span></div>
    </header>
    <div class="entry">
      
        <h3 id="ssh_客户端">ssh 客户端</h3>
<p>ServerAliveInterval 100</p>
<p>In Linux this could be set globally in /etc/ssh/ssh_config or per-user in ~/.ssh/config. It could also be used in the command line as an argument as in the following example;</p>
<p>临时</p>
<p>ssh -o ServerAliveInterval=100 user@example.com</p>
<h3 id="服务器端">服务器端</h3>
<p>/etc/ssh/sshd_config</p>
<p>ClientAliveInterval 600<br>TCPKeepAlive yes<br>ClientAliveCountMax 10</p>

      
    </div> 
     
  </div>
</article>

<article class="post">
  <div class="post-content">
    <header>
      <div class="date-wrapper">
        <div class="date-shadow"></div>
        <div class="date-mask"></div>
        <div class="dateTitle">
          <span class="d">17</span>
          <span class="ym">06/2015</span>
        </div>
      </div> 
    <h1 class="title"><a href="/web/lighttpd-php-curl-500/">lighttpd php curl 500</a></h1>  
 <div class="meta">最后更新: <span class="pubTime">Wed Jun 17 2015 08:02:56 GMT+0800</span></div>
    </header>
    <div class="entry">
      
        <p>sudo aptitude install curl php5-curl libcurl3 libcurl3-dev</p>
<p>sudo /etc/init.d/lighttpd restart</p>

      
    </div> 
     
  </div>
</article>

<article class="post">
  <div class="post-content">
    <header>
      <div class="date-wrapper">
        <div class="date-shadow"></div>
        <div class="date-mask"></div>
        <div class="dateTitle">
          <span class="d">21</span>
          <span class="ym">05/2015</span>
        </div>
      </div> 
    <h1 class="title"><a href="/mac/batch-rename-2-sequential-numbers/">batch rename 2 sequential numbers.md</a></h1>  
 <div class="meta">最后更新: <span class="pubTime">Thu May 21 2015 13:03:17 GMT+0800</span></div>
    </header>
    <div class="entry">
      
        <p>a=1<br>for i in *.jpg; do<br>  new=$(printf “%04d.jpg” “$a”) #04 pad to length of 4<br>  mv — “$i” “$new”<br>  let a=a+1<br>done</p>

      
    </div> 
     
  </div>
</article>

<article class="post">
  <div class="post-content">
    <header>
      <div class="date-wrapper">
        <div class="date-shadow"></div>
        <div class="date-mask"></div>
        <div class="dateTitle">
          <span class="d">21</span>
          <span class="ym">05/2015</span>
        </div>
      </div> 
    <h1 class="title"><a href="/wordpress/curl-post-data-2-wordpress/">curl post data 2 wordpress</a></h1>  
 <div class="meta">最后更新: <span class="pubTime">Thu May 21 2015 10:54:54 GMT+0800</span></div>
    </header>
    <div class="entry">
      
        <pre>curl --data curl --data "author=Bob Jones&amp;email=bob@mail.com&amp;url=http://www.bob.com&amp;comment=Great Post!&amp;comment_post_ID=25" http://www.wpexample.com/wp-comments-post.php</pre>



      
    </div> 
     
  </div>
</article>

<article class="post">
  <div class="post-content">
    <header>
      <div class="date-wrapper">
        <div class="date-shadow"></div>
        <div class="date-mask"></div>
        <div class="dateTitle">
          <span class="d">14</span>
          <span class="ym">05/2015</span>
        </div>
      </div> 
    <h1 class="title"><a href="/wordpress/worpdress-upload-limit/">worpdress upload limit</a></h1>  
 <div class="meta">最后更新: <span class="pubTime">Thu May 14 2015 10:04:47 GMT+0800</span></div>
    </header>
    <div class="entry">
      
        <h3 id="php-ini">php.ini</h3>
<pre>upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300</pre>

<h3 id="functions-php">functions.php</h3>
<pre>
@ini_set( 'upload_max_size' , '64M' );
@ini_set( 'post_max_size', '64M');
@ini_set( 'max_execution_time', '300' );
</pre>

<h3 id="-htaccess">.htaccess</h3>
<pre>php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300</pre>


<h3 id="php_get_url">php get url</h3>
<p>$actual_link = “<a href="http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI" target="_blank" rel="external">http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI</a>]”;</p>

      
    </div> 
     
  </div>
</article>

<article class="post">
  <div class="post-content">
    <header>
      <div class="date-wrapper">
        <div class="date-shadow"></div>
        <div class="date-mask"></div>
        <div class="dateTitle">
          <span class="d">13</span>
          <span class="ym">05/2015</span>
        </div>
      </div> 
    <h1 class="title"><a href="/mac/shell-backup-folder/">shell backup folder</a></h1>  
 <div class="meta">最后更新: <span class="pubTime">Wed May 13 2015 16:40:05 GMT+0800</span></div>
    </header>
    <div class="entry">
      
        <h2 id="cp">cp</h2>
<p>$ cp -avr /tmp/conf/ /tmp/backup</p>
<ul>
<li>-a : Preserve the specified attributes such as directory an file mode, ownership, timestamps, if possible additional attributes: context, links, xattr, all.</li>
<li>-v : Explain what is being done.</li>
<li>-r : Copy directories recursively.</li>
</ul>
<h2 id="rsync">rsync</h2>
<p>$ rsync -avz /home/vivek /media/backup</p>
<ul>
<li>-a : Archive mode i.e. copy a folder with all its permission and other information including recursive copy.</li>
<li>-v : Verbose mode.</li>
<li>-z : With this option, rsync compresses the file data as it is sent to the destination machine, which reduces the amount of data being transmitted — something that is useful over a slow connection.</li>
</ul>

      
    </div> 
     
  </div>
</article>

<article class="post">
  <div class="post-content">
    <header>
      <div class="date-wrapper">
        <div class="date-shadow"></div>
        <div class="date-mask"></div>
        <div class="dateTitle">
          <span class="d">07</span>
          <span class="ym">05/2015</span>
        </div>
      </div> 
    <h1 class="title"><a href="/design/mac-mount-ubuntu-server/">mac mount ubuntu server</a></h1>  
 <div class="meta">最后更新: <span class="pubTime">Thu May 07 2015 09:05:39 GMT+0800</span></div>
    </header>
    <div class="entry">
      
        <h2 id="mount">mount</h2>
<pre>mkdir gswork
sshfs guoshuang@guoshuang.com:/home/guoshuang gswork</pre>

<h2 id="umount">umount</h2>
<pre>umount gswork</pre>


<h2 id="Mac终端快捷键打开sublime_方法：">Mac终端快捷键打开sublime 方法：</h2>
<p>ln -s “/Applications/Sublime Text 2.app/Contents/SharedSupport/bin/subl” /usr/local/bin/sublime</p>

      
    </div> 
     
  </div>
</article>

<article class="post">
  <div class="post-content">
    <header>
      <div class="date-wrapper">
        <div class="date-shadow"></div>
        <div class="date-mask"></div>
        <div class="dateTitle">
          <span class="d">12</span>
          <span class="ym">04/2015</span>
        </div>
      </div> 
    <h1 class="title"><a href="/mobile/mobile-dev-tips/">mobile develop tips</a></h1>  
 <div class="meta">最后更新: <span class="pubTime">Sun Apr 12 2015 12:04:14 GMT+0800</span></div>
    </header>
    <div class="entry">
      
        <p><a href="http://uxdesign.smashingmagazine.com/2012/02/21/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/" target="_blank" rel="external">upwards of 44px to comfortably fit within a touch target</a> so design for that.</p>
<p>Standard keyboard | &lt;input type=”text” /&gt;</p>
<p>URL parameters | &lt;input type=”url” /&gt;</p>
<p>Email-specific keyboard | &lt;input type=”email” /&gt;</p>
<p>Numeric keyboard | &lt;input type=”text” pattern=”[0-9]*” /&gt;</p>
<p><a href="http://www.mobify.com/mobifyjs/v2/docs/" target="_blank" rel="external">http://www.mobify.com/mobifyjs/v2/docs/</a></p>
<p>royalslider.js</p>
<p><a href="http://dimsemenov.com/plugins/royal-slider/royalslider/jquery.royalslider.min.js?v=9.3.6" target="_blank" rel="external">http://dimsemenov.com/plugins/royal-slider/royalslider/jquery.royalslider.min.js?v=9.3.6</a></p>
<h3 id="icons">icons</h3>
<ul>
<li><a href="https://linearicons.com/" target="_blank" rel="external">https://linearicons.com/</a></li>
<li><a href="https://css-tricks.com/flat-icons-icon-fonts/" target="_blank" rel="external">https://css-tricks.com/flat-icons-icon-fonts/</a></li>
</ul>
<h3 id="优化">优化</h3>
<p>The key points he make:</p>
<ul>
<li>Images slow things down immensely– get rid of them</li>
<li>Avoid text-shadow &amp; box-shadow</li>
<li>Hardware-acceleration is quite new… and buggy (concurrent animations is limited)</li>
<li>Avoid opacity if possible (sometimes interferes with hardware-accelerated rendering)</li>
<li>Use translate3d, not translate (the latter is not hard-accelerated)</li>
<li><p>Some other points that can improve performance significantly:</p>
</li>
<li><p>use getImageData as infrequently as possible (major slowdown) [2]</p>
</li>
<li>combine more than one canvas in order to repaint smaller parts that are changing more frequently</li>
</ul>
<p><a href="https://html5boilerplate.com/mobile/" target="_blank" rel="external">MOBILE ★ BOILERPLATE</a></p>

      
    </div> 
     
  </div>
</article>

<nav id="pagination">
  
  
    <a href="/p/2/" class="alignright next">下一页</a>
  
  <div class="clearfix"></div>
</nav></div></div>  
  <aside id="sidebar" class="alignright">
  
<div class="widget tag">
  <h3 class="title">分类</h3>
  <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/cat/css/">css</a><span class="category-list-count">75</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/design/">design</a><span class="category-list-count">39</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/frontend/">frontend</a><span class="category-list-count">64</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/hexo/">hexo</a><span class="category-list-count">24</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/html5/">html5</a><span class="category-list-count">7</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/javascript/">javascript</a><span class="category-list-count">84</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/life/">life</a><span class="category-list-count">38</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/mac/">mac</a><span class="category-list-count">38</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/mobile/">mobile</a><span class="category-list-count">9</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/software/">software</a><span class="category-list-count">40</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/web/">web</a><span class="category-list-count">31</span></li><li class="category-list-item"><a class="category-list-link" href="/cat/wordpress/">wordpress</a><span class="category-list-count">15</span></li></ul>
  <div class="clearfix"></div>
</div>

  
<div class="widget tag">
  <h3 class="title">标签</h3>
  <ul class="entry"><li><a href="/tag/ace/">ace</a><small>1</small></li> <li><a href="/tag/ajax/">ajax</a><small>4</small></li> <li><a href="/tag/android/">android</a><small>2</small></li> <li><a href="/tag/angularjs/">angularjs</a><small>1</small></li> <li><a href="/tag/animation/">animation</a><small>1</small></li> <li><a href="/tag/apache/">apache</a><small>2</small></li> <li><a href="/tag/array/">array</a><small>2</small></li> <li><a href="/tag/audio/">audio</a><small>1</small></li> <li><a href="/tag/baidu/">baidu</a><small>1</small></li> <li><a href="/tag/blog/">blog</a><small>1</small></li> <li><a href="/tag/book/">book</a><small>2</small></li> <li><a href="/tag/bootstrap/">bootstrap</a><small>10</small></li> <li><a href="/tag/browser/">browser</a><small>4</small></li> <li><a href="/tag/bug/">bug</a><small>1</small></li> <li><a href="/tag/canvas/">canvas</a><small>6</small></li> <li><a href="/tag/car/">car</a><small>1</small></li> <li><a href="/tag/chart/">chart</a><small>8</small></li> <li><a href="/tag/china/">china</a><small>3</small></li> <li><a href="/tag/chrome/">chrome</a><small>11</small></li> <li><a href="/tag/coding/">coding</a><small>1</small></li> <li><a href="/tag/coffee/">coffee</a><small>5</small></li> <li><a href="/tag/color/">color</a><small>2</small></li> <li><a href="/tag/css/">css</a><small>77</small></li> <li><a href="/tag/css3/">css3</a><small>3</small></li> <li><a href="/tag/d3/">d3</a><small>2</small></li> <li><a href="/tag/design/">design</a><small>7</small></li> <li><a href="/tag/dns/">dns</a><small>1</small></li> <li><a href="/tag/drag/">drag</a><small>1</small></li> <li><a href="/tag/ejs/">ejs</a><small>1</small></li> <li><a href="/tag/email/">email</a><small>1</small></li> <li><a href="/tag/emmet/">emmet</a><small>4</small></li> <li><a href="/tag/entity/">entity</a><small>1</small></li> <li><a href="/tag/express/">express</a><small>1</small></li> <li><a href="/tag/feed/">feed</a><small>1</small></li> <li><a href="/tag/film/">film</a><small>3</small></li> <li><a href="/tag/finder/">finder</a><small>1</small></li> <li><a href="/tag/firefox/">firefox</a><small>3</small></li> <li><a href="/tag/fireworks/">fireworks</a><small>1</small></li> <li><a href="/tag/flatland/">flatland</a><small>1</small></li> <li><a href="/tag/flickr/">flickr</a><small>1</small></li> <li><a href="/tag/flot/">flot</a><small>5</small></li> <li><a href="/tag/font/">font</a><small>7</small></li> <li><a href="/tag/framework/">framework</a><small>1</small></li> <li><a href="/tag/front-end/">front-end</a><small>2</small></li> <li><a href="/tag/ftp/">ftp</a><small>1</small></li> <li><a href="/tag/fun/">fun</a><small>1</small></li> <li><a href="/tag/games/">games</a><small>2</small></li> <li><a href="/tag/geo/">geo</a><small>1</small></li> <li><a href="/tag/gfw/">gfw</a><small>1</small></li> <li><a href="/tag/git/">git</a><small>3</small></li> <li><a href="/tag/github/">github</a><small>3</small></li> <li><a href="/tag/goagent/">goagent</a><small>1</small></li> <li><a href="/tag/google/">google</a><small>6</small></li> <li><a href="/tag/hexo/">hexo</a><small>24</small></li> <li><a href="/tag/html/">html</a><small>4</small></li> <li><a href="/tag/html5/">html5</a><small>22</small></li> <li><a href="/tag/httpd/">httpd</a><small>1</small></li> <li><a href="/tag/human/">human</a><small>1</small></li> <li><a href="/tag/icon/">icon</a><small>3</small></li> <li><a href="/tag/ie/">ie</a><small>4</small></li> <li><a href="/tag/ie6/">ie6</a><small>1</small></li> <li><a href="/tag/input/">input</a><small>1</small></li> <li><a href="/tag/ios/">ios</a><small>1</small></li> <li><a href="/tag/jade/">jade</a><small>5</small></li> <li><a href="/tag/javascript/">javascript</a><small>76</small></li> <li><a href="/tag/javscript/">javscript</a><small>2</small></li> <li><a href="/tag/joke/">joke</a><small>1</small></li> <li><a href="/tag/jqm/">jqm</a><small>2</small></li> <li><a href="/tag/jquery/">jquery</a><small>24</small></li> <li><a href="/tag/jqueryui/">jqueryui</a><small>2</small></li> <li><a href="/tag/json/">json</a><small>2</small></li> <li><a href="/tag/jsonp/">jsonp</a><small>1</small></li> <li><a href="/tag/less/">less</a><small>9</small></li> <li><a href="/tag/life/">life</a><small>9</small></li> <li><a href="/tag/lighttpd/">lighttpd</a><small>1</small></li> <li><a href="/tag/linux/">linux</a><small>1</small></li> <li><a href="/tag/loading/">loading</a><small>1</small></li> <li><a href="/tag/mac/">mac</a><small>24</small></li> <li><a href="/tag/map/">map</a><small>3</small></li> <li><a href="/tag/markdown/">markdown</a><small>3</small></li> <li><a href="/tag/meta/">meta</a><small>1</small></li> <li><a href="/tag/mobile/">mobile</a><small>8</small></li> <li><a href="/tag/mount/">mount</a><small>1</small></li> <li><a href="/tag/music/">music</a><small>2</small></li> <li><a href="/tag/network/">network</a><small>2</small></li> <li><a href="/tag/node/">node</a><small>2</small></li> <li><a href="/tag/nodewekit/">nodewekit</a><small>1</small></li> <li><a href="/tag/npm/">npm</a><small>2</small></li> <li><a href="/tag/optimize/">optimize</a><small>2</small></li> <li><a href="/tag/phonegap/">phonegap</a><small>2</small></li> <li><a href="/tag/php/">php</a><small>2</small></li> <li><a href="/tag/pics/">pics</a><small>2</small></li> <li><a href="/tag/prettify/">prettify</a><small>3</small></li> <li><a href="/tag/reference/">reference</a><small>2</small></li> <li><a href="/tag/sass/">sass</a><small>1</small></li> <li><a href="/tag/selectize/">selectize</a><small>1</small></li> <li><a href="/tag/shell/">shell</a><small>19</small></li> <li><a href="/tag/shortcut/">shortcut</a><small>2</small></li> <li><a href="/tag/software/">software</a><small>1</small></li> <li><a href="/tag/sparrow/">sparrow</a><small>2</small></li> <li><a href="/tag/ssh/">ssh</a><small>2</small></li> <li><a href="/tag/stackoverflow/">stackoverflow</a><small>1</small></li> <li><a href="/tag/stylus/">stylus</a><small>2</small></li> <li><a href="/tag/sublime/">sublime</a><small>18</small></li> <li><a href="/tag/svg/">svg</a><small>4</small></li> <li><a href="/tag/telnet/">telnet</a><small>1</small></li> <li><a href="/tag/template/">template</a><small>1</small></li> <li><a href="/tag/theme/">theme</a><small>2</small></li> <li><a href="/tag/tips/">tips</a><small>1</small></li> <li><a href="/tag/ubuntu/">ubuntu</a><small>2</small></li> <li><a href="/tag/ui/">ui</a><small>1</small></li> <li><a href="/tag/uikit/">uikit</a><small>1</small></li> <li><a href="/tag/underscore/">underscore</a><small>1</small></li> <li><a href="/tag/vehicle/">vehicle</a><small>1</small></li> <li><a href="/tag/video/">video</a><small>2</small></li> <li><a href="/tag/vim/">vim</a><small>3</small></li> <li><a href="/tag/weather/">weather</a><small>1</small></li> <li><a href="/tag/web/">web</a><small>14</small></li> <li><a href="/tag/webdesign/">webdesign</a><small>5</small></li> <li><a href="/tag/webgl/">webgl</a><small>1</small></li> <li><a href="/tag/windows/">windows</a><small>1</small></li> <li><a href="/tag/wordpress/">wordpress</a><small>16</small></li> <li><a href="/tag/wysiwyg/">wysiwyg</a><small>1</small></li> <li><a href="/tag/yeoman/">yeoman</a><small>1</small></li> <li><a href="/tag/正则/">正则</a><small>1</small></li> <li><a href="/tag/读书/">读书</a><small>8</small></li> </ul><div class="clearfix"></div>
</div>

  </aside>    
  <div class="clearfix"></div>
</div>

<footer id="footer" class="inner"><div class="alignleft">
    &copy; 2015  <a href="https://plus.google.com/112004170577825985894"
 rel="author">David Guoshuang</a>
  </div>
<div class="clearfix"></div></footer>
<!--[if lt IE 8]> <link rel="stylesheet" href="/cs/ie.css" type="text/css" /><![endif]--> 
<script type="text/javascript" src="/js/google-code-prettify/prettify.js"></script><script type="text/javascript" src="/js/google-code-prettify/lang-css.js"></script> 
<script src="/js/moment.min.js"></script> <script src="/js/zh-cn.js"></script> <script src="/labs/gs.js"></script>
</body>
</html>