博客从github迁移到gitcafe上 之前的博客都是在 github 上写的，当然，网上有很多“如何在 github 上创建静态博客”的教程，这里就不多说了，我也是按照网上的教程在 github 上创建了自己的静态博客，然后还买了一个属于自己的域名 www.xiabingbao.com 。就这样，真正属于自己的博客就建立起来了。不过由于很多特殊的原因，我们访问 github 的速度并不是很快，我们就需要考虑把博客托管到国内的服务器上，正好 gitcafe 满足了我们的要求，他跟 github 几乎一模一样，而且也是基于 git 搭建起来的平台，依然可以使用 git 命令来管理我们的代码，上手非常简单容易。 GitCafe 已被coding收购！ GitCafe 是一个基于代码托管服务打造的技术协作与分享平台，程序开发爱好者们可以通过使用代码版本控制系统 Git 来将他们所写的开源或商业项目的代码托管在 GitCafe 上，与其他程序员针对这些项目在线协作开发。两天前，GitCafe 结束了长达数月的 Alpha 封闭测试，发布了第一个 Beta 版本，现无需邀请码，所有人都能够开始注册使用 GitCafe 所提供的代码托管服务 不过现在也有很多代码托管的网站，比如开源中国、CSDN、Coding等等，我们可以根据自己的爱好和习惯选择一款更适合自己的。

javascript获取URL链接和js链接中的参数 1. js获取URL中的参数 # 我们经常会在javascript里使用到URL里传递过来的参数，比如进行一些判断或者新页面的跳转等；而且还有一种情况，虽然使用的情况不多见，但是也会遇到：比如在一个页面里引用了一个aaaaa.js文件的链接，这个链接里还带着一个参数referer，同时呢，aaaaa.js还要获取referer的值 网上有很多这样的例子，不过天下文章一大抄，他们的文章和样例都是一模一样的，解决不了我的问题。比如这个：function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } 我们能够发现代码里，解析的是window.location.search，可是如果我想从整个URL链接里获取到我想要的参数呢，这个就不灵了。因为正则表达式的特殊性，这里的格式只能是这样子的：'?referer=wenzi'（?必须带着）。因此若想从整个URL中解析出参数的话，那就得先把URL用 url.split("?") 拆成两部分，然后使用后半部分，同时拼上"?"。就可以使用这个方法了。不过这里我们有一个简单的方法，可是网上基本没有找到，就是修改正则表达式，以达到我们的要求，上面：function getQueryString(url, name) { var reg = new RegExp("(^|&|\\?)" + name + "=([^&]*)(&|$)", "i"); var r = url.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } 这个方法就能从完整的URL里获取参数。 2. js获取javascript链接中的参数 # 如果我们某个js文件是收集性质的，或者需要区别不同地方引用的js，我们就要解析这个文件里带的参数，比如上面链接中的referer。在这里我实现的方式的前提是：script标签是阻塞加载的，而且，我们是首先获取script里的URL，然后再解析URL里的参数！getCurrentScript : function(name){ var i = 0, result = null, script, scripts, url, reg, r; // firefox支持currentScript属性 if( document.currentScript ){ script = document.currentScript } else{ // 正常情况下，在页面加载时，当前js文件的script标签始终是最后一个 scripts = document.getElementsByTagName( 'script' ) script = scripts[ scripts.length - 1 ] } url = script.hasAttribute ? script.src : script.getAttribute( 'src', 4 ); return url; } 获取到URL后再使用上面的方式解析出referer的值就行了。

javascript实现一个简单的广告位 一般广告位的实现都是一个独立的模块，哪里需要添加广告位，就把这个广告位插在哪里；而这个广告位通常都是由一个 js 链接导入的。在这段广告位的 js 代码里，主要的功能点有： 代码采用闭包的方式，防止变量污染全局； 采用可配置项的方式进行调用：可以配置广告展示的开始时间、结束时间、广告位的宽和高； jumeiForU.init({ start: '2015/02/01 00:00', end: '2016/01/01 00:00', width: 400, height: 400, }); 每次刷新页面均采用随机数的方式进行广告的展示；如果想要进行顺序循环展示的话，那就得读写 cookie 了； 读取引用该 js 链接中所带的参数，比如下面的广告链接，我们能够获取到 referer 参数的值。关于这个功能的实现，可以参考我的上篇文章【javascript 获取 URL 链接和 js 链接中的参数】： 以下放出代码，大家可进行参考，欢迎批评建议：(function () { var jumeiForU = { // 初始化 init: function (_config) { this.config = this.extend(this.config, _config); this.show(); }, // 广告展示及跳转链接 data: [ { title: '九朵云祛斑霜', img: 'http://p0.jmstatic.com/g/300x250/ht150122p854446t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p854446t1.html?referer=', }, { title: 'Guerisson奇迹马油24K金面膜贴', img: 'http://p0.jmstatic.com/g/300x250/ht150122p1293256t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p1293256t1.html?referer=', }, { title: 'Its-skin晶钻蜗牛面膜', img: 'http://p0.jmstatic.com/g/300x250/ht150122p818496t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p818636t1.html?referer=', }, { title: '九朵云美白祛斑气垫BB霜', img: 'http://p0.jmstatic.com/g/300x250/ht150122p1293254t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p1293254t1.html?referer=', }, { title: '可莱丝NMF水库针剂睡眠面膜5片', img: 'http://p0.jmstatic.com/g/300x250/ht150122p1312153t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p1312153t1.html?referer=', }, { title: '猪皮面膜', img: 'http://p0.jmstatic.com/g/300x250/ht150122p1254465t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p1254465t1.html?referer=', }, { title: '奇迹马油精华套装', img: 'http://p0.jmstatic.com/g/300x250/ht150122p1293257t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p1293257t1.html?referer=', }, { title: '九朵云美白祛斑套组', img: 'http://p0.jmstatic.com/g/300x250/ht150122p1293255t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p1293255t1.html?referer=', }, { title: '晶钻蜗牛修护睡眠面膜', img: 'http://p0.jmstatic.com/g/300x250/ht150122p818636t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p818496t1.html?referer=', }, { title: 'skin1004僵尸面膜', img: 'http://p0.jmstatic.com/g/300x250/ht150122p1265333t1.jpg', url: 'http://www.jumeiglobal.com/deal/ht150122p1265333t1.html?referer=', }, ], // 配置 config: { start: '2015/01/01 00:00', end: '2030/01/01 00:00', width: 300, height: 250, }, // 广告展示 show: function () { var nowtime = new Date().getTime(), starttime = new Date(this.config.start).getTime(), endtime = new Date(this.config.end).getTime(), random = this.getRandom(), referer = this.getCurrentScript('referer'); if (nowtime >= starttime && nowtime < endtime) { document.write( '' ); } }, // 返回当前需要展示的广告代号 getRandom: function () { return Math.floor(Math.random() * this.data.length); }, extend: function (destination, source) { for (var property in source) { destination[property] = source[property]; } return destination; }, // 获取referer的值 getCurrentScript: function (name) { var i = 0, result = null, script, scripts, url, reg, r; // firefox支持currentScript属性 if (document.currentScript) { script = document.currentScript; } else { // 正常情况下，在页面加载时，当前js文件的script标签始终是最后一个 scripts = document.getElementsByTagName('script'); script = scripts[scripts.length - 1]; } url = script.hasAttribute ? script.src : script.getAttribute('src', 4); reg = new RegExp('(^|&|\\?)' + name + '=([^&]*)(&|$)', 'i'); r = url.substr(1).match(reg); if (r !== null && r !== '') { result = decodeURIComponent(r[2]); } return result === '' ? null : result; }, }; jumeiForU.init(); })(window);

如何提升alexa的排名(一) 在开始之前，我先简单说几句。alexa排名对网站有没有用，大伙心里最清楚。除非你做的是企业网站或者你不用靠合作有足够的钱往里砸，否则你肯定会或多或少遭遇到alexa排名的潜规则。我遇到这样的事，一个排名10W的站，找一些排名5W左右的网站谈合作，对方要么爱理不理，要么态度很霸道;但三个月后，同样的网站，排名变成了2W，再去找这些网站谈，对方的态度完全变了，客气得不行。这不能怪网站、站长太“势利”，而是在不能有效地评估一个网站的大环境下，alexa排名成了惟一的通行评判标准。由此一来，至少在相当长的时间内，alexa排名对于中小站长来说，都是很重要的一个参考标准。言归正传，在我看来，alexa排名的提升不难，找对了方法，坚持执行下去，就能得到一个理想的排名。而对于专职做网站的站长来说，20W，甚至15W，是一个底线。也就说，即便网站IP很少、PV也不高，只要能够保证有一定的时间(3个小时左右)能花在网站上，alexa排名就肯定能达到20W或者15W。然后，10W是个坎，能不能迈过这个坎，就要看网站的内容如何、是否有简单的推广、有没有忠实的用户等。紧接着，5W、3W和1W是网站的三个阶段。在同一个阶段内的网站，基本可认定实力大致相当。那究竟怎么操作，才能得到理想的排名呢?原则上影响alexa排名有两个因素，第一，带工具条浏览网站的浏览数;第二，带工具条浏览网站的独立用户数。但在实际操作过程中又会涉及到另外两个因数，即带工具条用户在网站的停留时间和单个页面的停留时间。详细说来，对于排名50W开外的网站，站长安好工具条之后，每天认真浏览网站(注意是浏览，而不是走马观花那样的刷)2个小时，不出一个星期，当日排名就能至少前进20W。这样坚持一个月，网站的综合排名至少能前进20W。而仅仅是这么简单的操作，有好多站长试过之后，向我反馈，说根本没用。我问了其中的几个，有一个说他每天浏览网站至少5个小时，可排名没任何变化;我再一打听，他那五个小时基本上都在网上找内容、而在他自己网站上产生的带工具条浏览量不到50，这样有效果才怪。还有一个网站，说他网站每天带工具条的浏览量在1W以上，可排名不升反降。我帮他分析后发现，他是按键精灵刷的PV，刷的太频繁，结果被alexa屏蔽了。所以，我想说的是，和做网站一样，alexa排名的提升也是个体力活，投机取巧是会出问题的。现在做网站“一劳永逸”的时代已经过去了，必须踏踏实实的用心耕耘。最后，我根据这两个月来就聊网的实战经验，总结出一点心得，与大家分享。就聊网开始更新是1月21日，更新频率是大约10篇/天，推广主要是在豆瓣、冬瓜、抽屉等分享内的网站。截止今天，就聊网的alexa排名是57330，虽然春节的时候由于间断更新导致排名略有下降，但总体情况还算可以。我还监测了同期的一些网站，只有一个网站(掘图志)排名上升的比就聊网快。结合就聊网的实战，我的心得如下： 必须保证工具条的正常下载、安装和运行(春节在家，没上网，就聊网流量不小，但都是没有工具条的，结果那几天的alexa当日排名竟然跌出了50W)。 每天网站带工具条的浏览量不得少于500。就聊网虽然更新量少，但后来加上了图片，每天更新完，审完评论，我就会自己看图片，认真看，发现bug就去调模板……总之，想方设法保证每天的浏览量。 有意识地增加“忠实用户”的alexa工具条安装数。前期就是找那些关系好的朋友，要求他们安个alexa工具条。这样多安一个工具条，他们在浏览就聊网的时候，就会为就聊网的alexa排名做出一份贡献。积少成多，所以就聊网的alexa排名上升得很快，也很稳定。 多与站长交流。一般站长都是安了工具条的，多交流多互动，对网站的alexa排名很有帮助。 在网站进了10W名以后，就要考虑推广的问题了。因为如果IP有限，alexa排名上升到一定程度之后，就会停滞不前了。由于就聊网主要是收集创意类视频和图片的，所以就选择了在豆瓣推广，后来又在抽屉、冬瓜等新兴的掘客分享类网站推广。 以上是一些简单的分享，如果大家对alexa排名的提升感兴趣，可以给博主留言，一起交流，共同提高。

如何提升alexa的排名(二) 放一个Alexa排名统计widget在你的博客或者网站放一个 Alexa排名统计widget在你的博客或者网站上，因为当它被点击的时候，即使那个用户没有安装Alexa工具条，也会被计入Alexa统计，算作一次访问。什么？你不知道什么是widget？朋友，你有点out了，Web Widget，中文译名被称作是微件，是一小块可以在任意一个基于HTML的 Web页面上执行的代码（说白了，就是一块广告代码）。alexa也在自己的网上推出的这样一种widget，你可以从alexa网站上下载，地址如下：http://www.alexa.com/siteowners/widgets，不过它需要注册，同时是英文的，有点麻烦。下面是这个工具条的代码，你把它修改一下加入到你的网站也可以。 鼓励你的用户安装Alexa工具条。许多人都忽视用户，其实用户是最棒的朋友，你把他们好好利用起来，力量是无比大的，而且长期效果是最好的。不然光靠刷排名，累的贼死，效果还不好。我就是利用用户的力量，在2个月内，把网站alexa排名提升了近100%。（不信大家可以查看alexa 排名曲线）。这里奉劝大家，千万不要去作弊，不然最后吃亏的就是自己。有一天早上起来发现alexa排名荡然无存，你可就欲哭无泪了。如果不知道怎么做，可以去搜一下“中国早教网首页”www.zaojiao.com。在这个网站上，我做了一些引导用户下载使用alexa的设计，希望我的这一点经验能对大家有所帮助。（因为具体方法比较多，我就不一一转述了，有兴趣的朋友可以自己去浏览吧。）ps：万一用户参与的积极性不高，可以适当用点小money刺激一下。我的近十年经验证明，这是一条立竿见影的黄金准则。 给公司的所有电脑上都安装上Alexa工具条如果你是在公司上班或者自己就拥有一个公司的话，我建议你给公司的所有电脑上都安装上Alexa工具条，并将你的网站设为首页。呵呵，一定会有朋友说，这个方法太老土了。呵呵，不错，这是个老方法了，但是这个方法屡试不爽。而且你知道吗？许多知名大公司也是这样做的。 撰写专栏吸引站长alexa 排名核心是什么？对了，就是alexa工具条！根据“奥博茶”收集到的资料，大概全球alexa安装量是60-80万。那么谁拥有的alexa工具条最多呢？就是站长。所以你可以在你的博客或者网站上写一些关于Alexa的文章，你甚至可以开个Alexa专栏。站长们往往很喜欢看这些东西，如果你的文章写的不错的话，他们一般都会转载你的文章或链接到你的文章上，这样也可以给你带来些流量，有助于提高Alexa排名。当然，你也可以在你的博客上开些像SEO等这些站长们关注的专栏，吸引更多的站长访问你的网站。 到站长们经常光顾的地方去发你的网站的 URL。一般站长们都会安装Alexa工具条的，你可以到一些站长论坛去发贴宣传你的网站。网吧也是不错的选择，去网吧给老板点钱，让他们把所有机子都装上Alexa工具条并把你的网站设为浏览器的首页。 利用Alexa重定向功能功能如果你有博客的话，也可以利用Alexa重定向功能功能对你的博客的URL使用Alexa重定向功能，当你留言的时候，可以留下这样的链接：*http://redirect.alexa.com/www.###.com *，用户点击这个链接的时候，哪怕他没有安装Alexa工具条，都会计入Alexa统计。 去国外论坛宣传你的网站多到一些国外的论坛或网站上去宣传你的博客或者网站，因为一般外国人都会安装Alexa工具条。当然，这个需要一点鸟文好的基础，如果鸟文不好怎么办呢？谷歌翻译或者百度翻译一下，都是不错的方法。 在网站上提供一些站长实用工具。这会吸引更多的站长光顾你的网站。 资金充裕的话可以考虑为你的网站买些按点击付费的广告，这样会给你的网站或者博客带来充足的IP，有助于提高Alexa排名。 把网站上最受欢迎的文章上加上一些链向Alexa内容的链接，或使用 Alexa重定向功能链接到你博客的其他地方。这个效果也不错。