Life Studio

新年新气象，博客换新衣

万戈 — Fri, 20 Jan 2012 09:27:50 +0800

hi，大家好，你没有走错，这里是你们熟悉的万戈 - Life Studio 的博客，新年新气象，博客也要换新衣，距离上一个万戈牌主题，已经整整过去一年了，估计大家看的也有审美疲劳了吧，也是时候换一套新皮肤。首先感谢这次主题的首席设计湿——尘埃老哥（大家不妨去看一下他的网站，也是我做的哟 ^_^），代码部分则由我亲自操刀，HIAHIA~~~

不过，因为做这个主题的时间比较仓促，又想赶在新年前上线，很多功能还没有完成，真是对不起尘埃老哥的设计呀。大家可以看到，我整个侧边栏还没有做，为了不显得太空空荡荡，就填了一个广告（原来广告还能这么用，嘿嘿）；另外评论模块也没做，暂时用第三方的“评论啦”来代替，感觉也不错，但是昨天导入 WordPress 9W 多条评论的时候让我非常内桑，直到发文前，还在导入 ing....还有很多细枝末节的小功能，可以提升用户体验的就更没有时间做了，各种速度上的优化也只做了一半。所以这个主题。。。呃。。。正处于 beta 的 beta 阶段，拍砖请悠着点，谢谢。

当然，虽然说是各种cuo，但毕竟是万戈牌主题，cuo 也要 cuo 的很有范儿！主题延用之前 HTML5 这是自不必说了，另外还加上了很潮的微数据，让 SEO 尽显奢华，哈哈；在首页的最新文章功能还大胆使用了 AJAX 来异步获取文章，对用户体验应该不错；搜索还提供了关键词自动提示功能；还有很多隐蔽的亮点，大家有兴趣的慢慢找吧。

欢迎各位对这个新主题提出宝贵意见，也欢迎大家来找碴，挑 bug。下午就要赶火车去了，主题的完善工作要等到年后来做了，因为我说了，今年过节不上网。好好过个年，别再为代码纠结了，哦耶~

最后，预祝大家新年快乐，回家路上顺顺利利 \(^o^)/

与

HTML5,WordPress,万戈,主题

相关的文章

今年过节不上网！

万戈 — Tue, 17 Jan 2012 21:48:32 +0800

刚送走元旦，又要马上迎来春节，2012年的年初真是一个热闹喜庆的月份，那股春运带来的抢票潮让这个欢腾的一月份更加让人感觉到新年的临近。和大伙一样，这段时间前前后后，我也是张罗着采购春节年货、抢购飞机票、火车票，早早请好了年假准备回老家过年，长夜漫漫，归心似箭。

不知道其他地区的朋友是怎么过年的，就我自己的感触来说，年味是一年不如一年。小时候过年，一大桌亲戚朋友围坐在一起，人太多的时候还要另外开一桌，吃完年夜饭就和小朋友们冲出门去放烟花爆竹，这爆竹声会在那一整夜此起彼浮，第二天推开门就可以看到一地的爆竹残骸，还有一阵扑鼻的硝烟味儿，那个味儿就是我印象深处的年味。

但是现在，我可以想象我们“进化”了的过年方式。我们会拿着手机互相转发着从别人那里转发过来的祝福短信；我们会在微博上 @ N多的好友互相拜年；我们会在QQ群里和陌生人说一句新年快乐；然后眼睛一闭一睁，这一个新年就算过完了。

并不是说哪种过年方式的好与不好。我想应该有很多宅男腐女和我一样，整天面对着电脑，生活就是网络，工作也是网络，家里是大大小小的屏幕，公司里也是大大小小的屏幕，甚至在路上还是各种大大小小的屏幕，我们人与人的交流越来越少，这年味也就越来越淡。你是习惯了这样的生活？还是被这样的生活所束缚着？

今年过年我会回老家，那是一个没有网络，只有纯年味的地方。那时，我可以好好享受一下没有网络的清静日子，不用关心今天谁@了我，也不用关心还有多少工作没有完成。如果可以，我真心希望发起一个#今年过节不上网#的活动，让大家放下心中的束缚，过一个纯静的新年。

今年过节不上网，只能在这里提前给大家拜年，祝所有博友们在新的一年里PR上9，IP过万，广告被点爆！

与

2012,网络

相关的文章

2011 年终总结

万戈 — Thu, 29 Dec 2011 20:53:41 +0800

昨天刚过完生日，明天就要送走2011年的最后一天，所以每次过生日都会感觉岁月毫不留情地在瞬间把我拉扯大了，连一点缓冲的余地也没有给我留下。2011年是我人生的一大转折点，我很享受这一年的过程，也很留恋这一年，但是最终还是不得不送走这让人依依不舍的2011年。

要把整整一年的话题浓缩在一篇文章里，真是千言万语，简单点就从以下几个方面谈谈。

技术：

从捣鼓博客起家的一个业余代码爱好者，转变为一个专业的程序猿。在这一年技术上的成长，无疑是一个质的飞跃。之前就有很多人对我转行的行为表示质疑，包括我的父母，一个学文科的想写代码？疯了吧？也有人说，当我把这一门兴趣转变为工作后，只会磨灭我的兴趣。不过就现在看来，当初对我有质疑的朋友们，感谢你们的激励，让我有动力不断证明我选择了一条正确的道路，我比从前更喜欢这个行业，难以自拔了。

越深入了解前端这个行业，就越发现自己技术实力的薄弱，恨不得能把一天掰成两半两花，我需要更快地成长起来，我需要更多质的飞跃，我需要突破自己的瓶颈。

博客：

说到博客，我就心中有愧。这个博客曾是我引以为傲的平台，是博客，让我认识到了这么多海内外、线上线下的朋友；是博客，引领我进入挨踢这个专业领域，让我堂堂正正写起代码；也是博客，让我有一个倾诉、发泄、交流的地方。但是这一年，特别是后半年，我把更多的时间投入了工作、生活、感情中，博客的使命不至于此，博客，我还会回来的！

根据前两年的惯例，我还是贴一些今年博客的一些数据：

PR = 4，Alexa = 4W+，和去年比，PR 值是没变，Alexa 值下跌了 1 万，这个在我意料之外，今年都没怎么更新博客，Alexa 居然只跌了 1 万，还要感谢广大博客们长期以来对小站的支持，这更让我这个博主感到惭愧。

这是我刚刚在 WordPress 后台控制台（现在应该叫“仪表盘”了，有点不习惯）截的图，比去年这个时候多了 128 篇文章，2W+ 条评论，我就不评价这个数字多还是少了，用心写了每一篇文章，也感谢每一条评论的博友们。

生活：

去年闲的蛋疼，去报了一个研究生，当时也没料到今年这一年会忙到这么火爆。所以这研究生有点荒废了，很可惜，但是权衡工作和兴趣，研究生权当是生活的调味品，毕竟也认识了一群年长我很多的哥哥姐姐辈，甚至是叔叔阿姨辈的朋友们。曾经拥有，这一点，我知足了。

另外，还有本年度最大的收获，亲耐滴依灵作为我的女朋友，出现在我忙碌却又平淡的代码生活中。感谢她一直以来对我的支持，无论是我的工作还是生活，即使我加班到凌晨，她都会守在电话的那一头等我；在我生日的那一天，她还特地请假，风尘仆仆赶到我所在的城市给我庆生。这一点，我也知足了。

目标：

每年这个时候，我都会回顾一下这一年的成长、失败、经验……各方面的，就像在写下这篇文章之前，我又重温了一下前年、去年这个时候的总结，有苦也有甜，冷暖自知。这不是工作报告，不用在意老板怎么看；这不是作文，没有字数体裁限制；这不是思想总结，不用违心地宣扬自己的情操有多高尚。这只是一个总结，当我明年再来回顾这篇总结的时候，我希望我能会心地笑着对自己说，你又成长了。我的目标就是这么简单。

2011年，走好，我一定会想你的。

与

2011,WordPress,博客,总结

相关的文章

2010 博客总结
2010年12月27日
2009 博客总结
2009年12月27日
近期杂谈
2011年08月13日
博客也在成长
2010年12月19日

基于 jQuery 的图片/文字无缝滚动

万戈 — Tue, 20 Dec 2011 23:14:53 +0800

你知道 jQuery，你也知道图片滚动的效果，但是你知道啥叫无缝滚动不？无缝滚动，就是无缝的滚动！换句话说，无缝滚动就是，图片或者文字下一张下一张地滚动，当滚动到屁股的时候就看到头了，反过来，当滚动到头的时候又能看到屁股了。还是看 DEMO 吧，或许更好理解一些。如你所见，当作为一排图片展示的时候，无缝滚动可以让人有无尽的感觉，页面一下子就充实了。

因为我也不是刻意去写这个 jQuery 的无缝滚动，所以 JS 也没封装过，只提供了几个基本的参数作修改，只能仅作参考。

HTML 部分：

 <div class="scroll_area">
     <div class="scroll_list">
         <ul class="scroll_ul">
             <li>1</li>
             <li>2</li>
             <li>3</li>
             <li>4</li>
             <li>5</li>
             <li>6</li>
             <li>7</li>
             <li>8</li>
             <li>9</li>
         </ul>
     </div>
     <a id="prev" class="btn_icon" href="javascript:;">上一个</a>
     <a id="next" class="btn_icon" href="javascript:;">下一个</a>
 </div>

jQuery 部分：

$(function() {
//配置变量
varconfig={
showNum:3,//设置滚动的显示个数
autoScroll:false,//是否自动滚动，默认为 false
autoScrollInterval:3000//自动滚动间隔，默认为 3000 毫秒，autoScroll = true 时才有效
}

varscrollUlWidth=$('.scroll_ul li').outerWidth(true),//单个 li 的宽度
scrollUlLeft=0,//.scroll_ul 初使化时的 left 值为 0
prevAllow=true,//为了防止连续点击上一页按钮
nextAllow=true;    //为了防止连续点击下一页按钮

//计算父容量限宽
$('.scroll_list').width(config.showNum*scrollUlWidth);
     //点击上一页
     $('#prev').click(function() {
         if (prevAllow) {
             prevAllow = false;
             scrollUlLeft = scrollUlLeft - scrollUlWidth;
             $('.scroll_ul').css('left', scrollUlLeft);
             //复制最后一个 li 并插入到 ul 的最前面
             $('.scroll_ul li:last').clone().prependTo('.scroll_ul');
             //删除最后一个 li
             $('.scroll_ul li:last').remove();
             $('.scroll_ul').animate({
                 left : scrollUlLeft + scrollUlWidth
             }, 300, function() {
                 scrollUlLeft = parseInt($('.scroll_ul').css('left'), 10);
                 prevAllow = true;
             })
         }
     });
     
     //点击下一页
     $('#next').click(function() {
         if (nextAllow) {
             nextAllow = false;
             $('.scroll_ul').animate({
                 left : scrollUlLeft - scrollUlWidth
             }, 300, function() {
                 scrollUlLeft = parseInt($('.scroll_ul').css('left'), 10);
                 scrollUlLeft = scrollUlLeft + scrollUlWidth;
                 $('.scroll_ul').css('left', scrollUlLeft);
                 //复制第一个 li 并插入到 ul 的最后面
                 $('.scroll_ul li:first').clone().appendTo('.scroll_ul');
                 //删除第一个 li
                 $('.scroll_ul li:first').remove();
                 nextAllow = true;
             })
         }
     });
     
     //自动滚动
     if (config.autoScroll) {
         setInterval(function() {
             $('#next').trigger('click');
         }, config.autoScrollInterval)
     }
 })

基本原理和使用方法都写在注释里了，我也就不多作解释了。最后说一句，google、百度上搜一下就知道，已经有大把大把写好的横的竖的无缝的滚动，总有一款适合你，但是我觉得，只有自己亲自写的才最适合自己的需要，所以就有了以上代码。

与

jQuery,图片,无缝滚动

相关的文章

智通人才网——手机客户端

万戈 — Thu, 15 Dec 2011 09:00:45 +0800

21世纪什么最重要？人才！就在各大企业忙着搜罗人才的同时，也是你展现自我，绽放光芒的大好机会。而我们知道，好马配好鞍，有了好鞍我们也就事半功倍了。有朋友就推荐给我这样一个“好鞍”——智通手机客户端，有了它，我们就可以无忧无虑找工作，随时随地好“薪”情。

智通手机客户端有什么用？

或许你刚踏出学校的大门，正在为寻找一份合适的工作发愁；或许你对现在的工作状态厌倦了，想换一个工作环境；或许你正需要一个更高更好的提升空间；或许现在的工作无法让你尽情地发挥能力所长……智通手机客户端（http://app.job5156.com/）一定会对你有所帮助。

智通手机客户端集成了网站最新职位信息，并提供最贴心的求职服务与指导，为您实现随时随地找工作的便利，个性定制职位的精确推送，最新最及时的招聘会信息，还有最专业全面的求职指导。轻松求职，尽在掌握！

经朋友推荐，我在自己的手机上安装了 android 版本的智通人才的手机应用试用了一下，感觉智通人才手机应用的功能非常全面，操作也很简单快捷，界面简洁友好，而且可以关联或者注册在智通人才招聘网的帐号，方便随时随地管理你的简历以及查看最新职位信息。

智通人才手机应用主要包括以下功能：

1、职位、公司搜索

这是智通人才手机应用的核心功能，界面简洁，但是功能俱全。我们可以通过职位、公司、地点、信息发布时间等组合条件查找匹配的招聘信息。最近的组合搜索条件会被保存在下面的历史记录中，就像一个快捷方式，以方便用户再次迅速定位到有意向的搜索条件。

2、校园招聘

校园招聘是智通人才手机应用的一大特色功能。主要针对寻求实习机会的在校学生，或者刚踏出校门的应届毕业生。这一贴心的功能切实解决，或者说缓解了应届生求职难的呼声。以同样的搜索条件，我们可以在“校园招聘”栏里找到更多接受在校学生、应届毕业生的招聘信息，相信对于渴望一份合适工作的学生朋友们这绝对是个福音。

3、招聘会信息

也有一些用户暂时没有求职意向，又或者只是处于观望态度的朋友们，或许会对资讯信息这个版块更感兴趣。在这里，你可以根据指定的场馆搜索条件订阅到所观注的职场信息以及动态，让你随时随地把握住市场的最新情况。

4、简历管理

智通手机客户端不仅仅可以搜索职位信息，还可以关联你在智通招聘网上的账户，这样就可以随时了解你的简历状态，比如说有谁看过你的简历？有谁正邀请你面试？你申请过的职位等等，以便及时在第一时间作出响应。

智通人才手机应用的优势：

1、快速、便捷

智通人才手机应用同时支持 Android、iPhone 以及 wap 三个版本，换句话说，只要你的手机能够上网，就可以轻松便捷地使用智通手机客户端。

2、全面、精确

每次筛选职位后，用户进入搜索结果页还可以通过右侧的小箭头找到二次搜索框，在这里我们可以在海量的搜索结果中通过学历、经验、姓别等筛选条件进一步精确定位到自己中意的职位或者公司，这是一个相当人性化的设置。

3、个性、贴心

关联智通的账户后，智通人才手机应用会向你个性化地推送你所关注的职位信息，还有最贴心的求职指导，最新全面的求职动态。另外还有个性化的皮肤设置，缓存管理等等。

4、友好、易用

智通手机的界面交互设计都非常友好，操作也相当顺手，无论是在查询速度、账户管理、应聘分享上都有很好的用户体验。

5、免费、小巧

下载和使用智通人才手机客户端是完全免费的，只需承担流量的费用即可，如果手机支持 wifi 上网，那连流量费用也可以免去了，同时大大提升了展示的速度。而且智通人才手机客户端的 android 仅为 863K，非常小巧，安装和运行的速度非常快，用户体验极佳。

现如今手机已经成为了大家必不可少的生活必需品，智能人才手机应用给正在求职的朋友提供了一个贴身的平台，同时也开辟了招聘/应聘的新渠道、新模式。只要把生活中点点滴滴的，比如说等公车、排队、睡前等零碎的时间抽出来翻阅一下智能手机应用，或许就会有意想不到的发现。有了智通人才手机应用客户端，就好比多了一个贴身“猎头”为你出谋划策，寻找契机。所以，总的来说，智通人才手机应用是求职道路上如虎添翼的一款工具，极大地提高了我们求职的效率，只要在手机上轻松几步操作，就可以随时随地找到想要工作，又可以在海量信息中找到你想要的资讯。要想 hold 住工作，先从智通客户端开始。

与

工作

相关的文章

携程前端开发团队招聘信息
2011年07月29日
杭州两三事
2011年07月2日
结束是为了更好的开始
2011年06月18日
我也是有车一族啦
2011年02月28日

给 WordPress 添加语音搜索功能

万戈 — Sun, 04 Dec 2011 18:35:42 +0800

相信大家都用过 Google 的搜索，不知道大家有没有注意到 Google.com in English 版本的搜索有一个语音搜索，只要吐字清晰，它的识别力还是很高的，而且也只支持中文的语音，这对于老年人、残障人士、偷懒人群是一个非常有用的装B功能。今天心血来潮，把此功能搬到 WordPress。

就本站现在用的这个主题来说，已经用上了这个 WordPress 的语音搜索功能，有图为证。

可以看到右上角的站内搜索框比以往多了一个小话筒的图标，点击之后就会弹出一个小的提示框，此时可以清晰地说出你需要搜索的关键词，截图中是我语音说的 "wordpress" 这个关键词，有兴趣的朋友可以拿本站做测试。

但是，这个功能暂时只能在 Chrome 11 版本以上的谷歌浏览器上看到这个效果。因为这是在 input 输入框里添加 x-webkit-speech 属性来实现的，从这个属性的命名可以看出，webkit，这是一个 webkit 核心浏览器的私有属性，所以你可以切换到 Chrome 浏览器来测试本功能。

x-webkit-speech 是 html5 的 speech 功能的 API，Google 的 Chrome 在对 HTML5、CSS3 的新技术标准的支持上特别积极，所以很有幸，我们可以在 Chrome 上体现各种新奇的功能特性。实现的方法也特别简单，在你的搜索输入框的 input 标签里添加 x-webkit-speech 属性即可，如下：

<input type="text" x-webkit-speech />

废话很多，但是代码却很简单，赶紧试试呗~

与

API,Chrome,HTML5,WordPress,搜索,浏览器

相关的文章

Google 赐予我的意外惊喜

万戈 — Thu, 10 Nov 2011 22:43:31 +0800

回想一年多前的这个时候，博客就是我的生活，我的生活就是博客，所以才有了 Life Studio 这个名字，再看今年，文章更新频率是每月递减，想像一下到年终总结的时候，面对惨淡的数据量，真要对不起自己，对不起观众了。为了证明万戈还是当年的万戈，为了给新博主们树立一个好榜样，也为了充实一下自己的博客，抽了点时间来谈谈最近的变化。

今天打开浏览器，习惯性地在地址栏里输入了自己的博客网址 wange.im，虽然许久没有更新，但我几乎每天都会来看看留言，偶尔也回访一下朋友的博客，至少还让我觉得博客是我生活中的一部分，不至于和博客完全割裂。不经意间，我发现浏览器上的 PR 值插件显示我的网站 PR 值为4！从今年以来，我的博客 PR 一直就停留在3，Google 几次更新都没我的份儿，其实我也不太指望再有上升，因为最近对博客的维护和更新确实少之有少，Google 不降我的 PR，已经是万事大吉了。但是出乎我意料的是，PR 再次回到了 4，看来无论是观众朋友还是 Google 对我还是抱有期望的，还是要坚持下去。

意外的惊喜，以上只是其一，还有其二。

我们知道，Google Plus 一出现就饱受追捧，甚至有心篡夺 Twitter 的社会化分享的统治地位，但是很可惜的是 Google Apps 企业套件的用户，因为没有个人资料功能，而无法使用 Google Plus 这一新奇而有特色的功能。不过 Google 也承诺过会尽快让 Google Apps 企业套件的用户使用这一伟大的功能，我也一直在等。今天，也是一个很意外的发现，自己居然可以登录 Google Plus 了！说实话，这比我的网站 PR 值更新到4更让我惊喜。

不过很遗憾的是，Google Plus 还是逃不出和 Twitter 一样的命运，当我登录上 Google Plus，我有一种很兴奋的感觉，但很快，又有一种寂寞的感觉涌上心头，Google Plus 这么强大这么潮的功能就被扼杀在摇篮里了，虽然对于会翻山越墙的小众来说，不是难事，但要在国内发展壮大，几乎不可能了。一个依存于人际关系网络发展的服务脱离了网络，真是可悲可怜，可悲的是天朝，可怜的是 Google Plus。

好了，愤青的言辞点到为止，毕竟我也只是一个普通青年，无力挣扎于乱世，Google 今天赐予我两个惊喜，我已经很感激了。顺便说一下，我的 Google Plus 地址是：https://plus.google.com/u/0/112427042474372974274，也是我为数不多的在互联网上用真实照片作为头像的地方，欢迎围观。

与

google,Google Plus,PR,博客

相关的文章

Linost - 国内首家 CloudLinux + cPanel + Varnish 虚拟空间

万戈 — Wed, 02 Nov 2011 19:33:33 +0800

亲爱的用户：

我们告诉您一个好消息，经过Linost 技术人员的精心准备和研发，Linost 虚拟空间重出江湖。我们的新服务器使用的是 CloudLinux + cPanel + Varnish 平台，保证了系统的稳定和用户的资源平均分配，是国内首家CCV Linux虚拟空间。

1、什么是 CloudLinux？

CloudLinux 能平均分配用户的资源，独创的 kernel level 技术能确保每个用户使用的资源都是自己的，比如CPU和内存，不用再和其他用户去“抢占”系统的资源，保证资源公平使用；

CloudLinux 可以无缝升级到 Cluster，为负载平衡做好准备；

CloudLinux 拥有强大的技术支持队伍，随时为服务器的健康状态而待命。

阅读更多关于 CloudLinux 的介绍： http://wiki.linost.com/what-is-cloudlinux/

2、什么是 cPanel？

cPanel 后台管理系统是目前使用范围最广，操作最为方便的主机管理系统，国外主机大都采用这个系统。

阅读更多关于 cPanel 的介绍： http://wiki.linost.com/what-is-cpanel/

3、什么是 Varnish？

Varnish 是服务器端的缓存系统，Linost 是国内首家采用 Varnish 缓存作为虚拟空间应用的商家。

阅读更多关于 Varnish 的介绍： http://wiki.linost.com/what-is-varnish/

我们新上线的虚拟空间位于洛杉矶PR机房，测试IP为 67.215.236.236

我们更换了所有的空间套餐和价格，新的套餐为：

新手套餐 - Starter：

1G空间
10G流量
可以建立3个独立站点
子域名无限制
25% CPU限制（CloudLinux独特功能）
1G内存限制（CloudLinux独特功能）
99RMB一年
购买地址： https://my.linost.com/cart.php?a=add&pid=36

博客套餐 - Blogger：

5GB空间
20G流量
可以建立5个独立站点
子域名无限制
25% CPU限制（CloudLinux独特功能）
1G内存限制（CloudLinux独特功能）
199RMB一年
购买地址： https://my.linost.com/cart.php?a=add&pid=37

专享套餐 - Premium：

10GB空间
30GB流量
可以建立10个独立站点
子域名无限制
25% CPU限制（CloudLinux独特功能）
1G内存限制（CloudLinux独特功能）
免费.com/.net/.org域名
499RMB一年
购买地址： https://my.linost.com/cart.php?a=add&pid=38

如果您不想在我们这里注册域名，您可以选择我只想给该产品起个名字做为标识，这种情况下，如果已有用户或者您之前购买的产品已经使用过这个域名，您可以更换一个新域名或选择“我想使用一个免费的子域名”

我们不提供老用户免费转移到新服务器的服务，因为我们新上的空间将严格执行我们的TOS https://www.linost.com/tos/ ，我们的空间不允许以下情况发生，如有发现，我们会停止您的账户并且不退款：

1、存放成-人、赌-博、六-合-彩、私-服、“翻”“墙”方法(S-S-H, V-P-N等)等违法或易受攻击网站
2、存放淘宝客、酒店机票等占用大量磁盘读写的API程序
3、存放访问量极大的动态程序（如大型论坛、大型CMS等）
4、存放有仿牌或盗版等网站
5、存放有版权问题的文件或下载链接
6、所有用户不允许提供推特API或客户端，我们会准备自己的API和客户端，如有需要请像客服咨询。
7、存放违反服务器硬件所在国家法律规定的内容

老用户如果想使用新的空间，请按照以下方法：

1、订购新的空间

2、联系客服免费增加新空间的时间（具体按照老空间的使用期限再延长，比如您之前的空间是在2012年11月份到期，那么购买后一年新空间使用可以延长至2013年11月份。）

3、我们不提供免费搬家的服务，如果需要我们提供，按照50RMB一次的服务费用收取。

我们的虚拟空间仍然是无管理型的，我们对服务器的在线情况进行检测和监督，并且对所有用户旗下的网站进行检查，我们不对以下要求负责：

1、帮用户安装非流行的程序（WordPress、Discuz等常见程序除外）

2、程序出现问题导致空间无法使用

另外，空间仍然实行48小时内无条件退款（需要扣除支付宝手续费+10%的服务费用），如下情况不接受退款：

1、因滥用资源导致网站被关闭

2、因违反我们的TOS而导致网站关闭

最后，送上一枚优惠码（有效期为一个月）：

linost80

优惠内容：购买博客套餐（Blogger）或专享套餐（Premium）享受永久8折，有效期为一个月，仅限50个名额，欢迎新老顾客购买空间~

Linost的cPanel虚拟主机购买攻略

http://zou.lu/how-to-buy-linost-hosting/

与

主机

相关的文章

WordPress 将选中文字转发到微博

万戈 — Sun, 30 Oct 2011 07:19:45 +0800

最近在看腾讯新闻的时候，无意中发现，当我选中新闻中的文字的时候，鼠标右上角会显示一个“转播至微博”的按钮，点击后就会将选中的文字转发到微博上。这是一个很不错的用户体验，如果能把它引入到 WordPress 博客中，那不是很好吗？

为此我还特地去注册了一个腾讯微博开放平台的开发者，当我开始阅读开发文档的时候，才发现，他妹的，腾讯官方已经推出一个相同功能的应用，叫作 “Q-Share”，再翻阅了一下其他资料，原来已经有前辈写出了 js 页面文字选中后分享到新浪微博的方法，那我就省力多了，两者结合一下，把新浪微博和腾讯微博两个按钮都加上了，然后闲的蛋疼的我又把它翻译成了 jQuery 的方法。

效果的话就可以看本站了，选中任何文字，就会在右上角显示两个微博按钮，点击试试吧。

实现的方法也很简单，只需要两步：

1、引入 jQuery，相信大多数 WordPress 博客都已经引入了 jQuery，那就可以直接进行第二步了。

2、在页面底部，或者更确切的说，在引入 jQuery 库的后面加上这样一段 JS，你就可以看到和本站一样的效果了。

var miniBlogShare = function() {

    //指定位置驻入节点

    $('<img id="imgSinaShare" class="img_share" title="将选中内容分享到新浪微博" src="http://wange.im/wp-content/themes/wange/images/sina_share.gif" /><img id="imgQqShare" class="img_share" title="将选中内容分享到腾讯微博" src="http://wange.im/wp-content/themes/wange/images/tt_share.png" />').appendTo('body');

    //默认样式

    $('.img_share').css({

        display : 'none',

        position : 'absolute',

        cursor : 'pointer'

    });

    //选中文字

    var funGetSelectTxt = function() {

        var txt = '';

        if(document.selection) {

            txt = document.selection.createRange().text;

        } else {

            txt = document.getSelection();

        }

        return txt.toString();

    };

    //选中文字后显示微博图标

    $('html,body').mouseup(function(e) {

        if (e.target.id == 'imgSinaShare' || e.target.id == 'imgQqShare') {

            return

        }

        e = e || window.event;

        var txt = funGetSelectTxt(),

            sh = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0,

            left = (e.clientX - 40 < 0) ? e.clientX + 20 : e.clientX - 40,

            top = (e.clientY - 40 < 0) ? e.clientY + sh + 20 : e.clientY + sh - 40;

        if (txt) {

            $('#imgSinaShare').css({

                display : 'inline',

                left : left,

                top : top

            });

            $('#imgQqShare').css({

                display : 'inline',

                left : left + 30,

                top : top

            });

        } else {

            $('#imgSinaShare').css('display', 'none');

            $('#imgQqShare').css('display', 'none');

        }

    });

    //点击新浪微博

    $('#imgSinaShare').click(function() {

        var txt = funGetSelectTxt(), title = $('title').html();

        if (txt) {

            window.open('http://v.t.sina.com.cn/share/share.php?title=' + txt + ' —— 转载自：' + title + '&url=' + window.location.href);

        }

    });

    //点击腾讯微博

    $('#imgQqShare').click(function() {

        var txt = funGetSelectTxt(), title = $('title').html();

        if (txt) {

            window.open('http://v.t.qq.com/share/share.php?title=' + encodeURIComponent(txt + ' —— 转载自：' + title) + '&url=' + window.location.href);

        }

    });

}();

是不是很简单呀？

赶紧选中本文的标题，在微博上通知你的好友来围观吧，哈哈~

PS：最后，说一句，其实这个方法不仅仅适用于 WordPress，JS 是通用的，你可以把这段 JS 挂载到任何网站上都可以得到相同的效果

PS2：最最最后，再说一句，麻烦各位在使用前，把 JS 里的两张微博的图片路径替换成自己的地址，因为小站流量有限，大家帮我省着点花呗，嘿嘿。

与

JS,QQ,WordPress,微博,新浪,腾讯

相关的文章

阿里云-天语 W700 手机使用评测

万戈 — Sat, 22 Oct 2011 09:16:08 +0800

说是说评测，但我并不是手机发烧友，也不是专业的评测家，只不过凑巧入手了一台阿里云-天语 W700 的手机，就来谈谈玩了两周以来的感受。

可能马云做梦都没有想到，阿里云手机没火，却火了阿里云手机的广告。相信不少朋友都有看到过，这段胡戈亲自上阵的，号称以前的手机广告都弱爆了的手机广告，没错，这宣传的就是阿里云手机，当我看到这则广告时，顿时天落炸雷，把我雷的外焦里嫩，石化当场。完全被 hold 住了，有木有！有木有！

不得不说，阿里云 W700 手机的配置是非常强大的，Tegra2 双核 1GHz 的 CPU、NVIDIA GeForce 显卡、500W 摄像头等等，都在主流配置之上，另外还加上了“云”的概念。不知道是马云因为叫马“云”，还是为了追赶 IOS 的云存储，总之特别打造了这个云系统。所以我们知道，与其说马云在做手机，还不如说他这是在做系统！

但是被炒的火热的阿里云系统究竟如何呢？

阿里云手机，因为要接入云端，所以一个手机只对应一个登录用户，换个用户就相当于格式化手机，这个比较杯具。不过用户可以把自己的通话记录、短信、图片、联系人等同步到手机云空间。试用发现，要是不开 WIFI 或 3G，同步手机的资料到云空间还是需要不少流量的，手机云概念是走在了潮流前端，但还需要网络、硬件等其他因素同步跟上才能发挥更大的作用。另外，阿里云操作系统基于 Google Android2.2 系统的再次开发，所以可以兼容安卓应用中心的所有应用，操作习惯也都和安卓的基本一致，这个让习惯安卓系统的用户可以平滑过渡到阿里云系统。除此之外，阿里云还集成了云邮、云聊、云助手等具有云特色的云应用，也是证明这是一款“云手机”的最大证明。

总的来说，阿里云手机，无论是它的概念、创意还是模式，都是相当不错的，至少是一个好的开始。

PS：昨天终于没忍住把阿里云系统刷成了 Android2.2 的，嘿嘿，顺手多了（马云GG息怒），下面上一张搭载安卓系统的阿里云手机的自拍照。

与

W700,手机,阿里云

相关的文章