• Google+ host 及Google+搜索

    Google+想必众GG迷已经用上了,但是国内的用户都懂的.墙好厚,所以修改host文件直接访问被墙的Google+是最简单的方法了。

    下面是最新的Google+ IP,修改host文件即可(修改方法见文章后面)

    Google+ IP

    203.208.46.30 picasaweb.google.com
    203.208.46.30 lh1.ggpht.com
    203.208.46.30 lh2.ggpht.com
    203.208.46.30 lh3.ggpht.com
    203.208.46.30 lh4.ggpht.com
    203.208.46.30 lh5.ggpht.com
    203.208.46.30 lh6.ggpht.com
    203.208.46.30 lh6.googleusercontent.com
    203.208.46.30 lh5.googleusercontent.com
    203.208.46.30 lh4.googleusercontent.com
    203.208.46.30 lh3.googleusercontent.com
    203.208.46.30 lh2.googleusercontent.com
    203.208.46.30 lh1.googleusercontent.com
    203.208.46.30 images1-focus-opensocial.googleusercontent.com
    203.208.46.30 images2-focus-opensocial.googleusercontent.com
    203.208.46.30 images3-focus-opensocial.googleusercontent.com
    203.208.46.30 images4-focus-opensocial.googleusercontent.com
    203.208.46.30 images5-focus-opensocial.googleusercontent.com
    203.208.46.30 images6-focus-opensocial.googleusercontent.com
    203.208.46.30 s6.googleusercontent.com
    203.208.46.30 s5.googleusercontent.com
    203.208.46.30 s4.googleusercontent.com
    203.208.46.30 s3.googleusercontent.com
    203.208.46.30 s2.googleusercontent.com
    203.208.46.30 s1.googleusercontent.com
    203.208.46.30 plus.google.com
    203.208.46.30 talkgadget.google.com
    203.208.46.30 ditu.google.com
    203.208.46.30 maps-api-ssl.google.com
    203.208.46.30 mail.google.com
    203.208.46.30 docs.google.com
    203.208.46.30 pop.gmail.com
    203.208.46.30 scholar.l.google.com
    203.208.46.30 news.google.com
    203.208.46.30 video.google.com
    203.208.46.29 translate.google.com
    203.208.46.30 profiles.google.com

    Google+搜索

    在Google自带的搜索上面搜索Google+用户是直接用的Google搜索,会有很多与Google+无关的信息,后来发现这个Google Plus 搜索(支持中文版)还不错,直接出的是Google+用户页面,另外里面还能搜索个人档案,Google Reader。同时,它有Google Chrome 扩展 ,安卓手机应用两个版本。

    ————————————————————————–

    如何修改hosts文件?

    1. hosts文件的位置:xp,2000等系统在 C:\windows\system32\drivers\etc 文件夹中找到Hosts文件并用记事本打开(WIN7需要将文件复制出来修改,然后再覆盖掉原文件即可)
    2. 按照 ip地址 域名 的格式添加单独的一行记录。例如 50.22.160.71 www.zenoven.com  [注意,IP地址前面不要有空格,ip地址和域名之间,要有至少1个空格,修改后,一定要记得保存文件。]
    3. 如何知道域名的IP地址已经生效?在您的电脑上请按如下步骤操作:开始–>运行–>输入cmd–>ping 域名–>回车查看结果,显示结果类似 Reply from 50.22.160.71: bytes=32 time=279ms TTL=43,中间的 50.22.160.71 就是域名的IP地址
    4. 关闭全部的浏览器,重新打开,测试你刚才添加的域名是否能正常访问
    5. 如果访问不正常,请按照3步骤,检查你刚才设置的域名是否对应了正确的IP地址

    自由人的Google+>> ,需要Google+邀请的同学请留言

  • 博客升级及代码高亮插件安装记录

    前天在贴代码的时候急需一个代码高亮插件,试验了好几个都不是太理想,最后决定用SyntaxHighlighter Evolved,原因如下

    1. 界面说得过去。如果不够漂亮的话要代码高亮插件干嘛?直接贴pre不就OK了嘛!
    2. 在可视化和代码模式切换时样式不会改变。
    3. 支持多种代码方式及参数,如[@css]代码[/css],[@code lang=”css”]代码[/code] (将@去掉)

    但是不幸的是启用SyntaxHighlighter Evolved后却只见代码转换为了pre标签,没有任何代码高亮该有的格式,搜索SyntaxHighlighter Evolved 也只找到该插件的使用方法,不能高亮、不能使用之类的问题都没搜到,郁闷了。。。莫非这个插件就没什么bug ?还是WP版本有问题?那就升级下试试吧

    1. 下载下来/wp-includes/ 文件夹下面修改过的相关文件
      • formatting.php (与WP表情相关)
      • functions.php (与WP表情相关)
      • feed-rss.php (与feed相关)
    2. 升级Wordpress至最新的3.2.1版(我在这里犯了个错,未停掉所有插件,导致博客首页空白,后台无法登陆,解决办法是将plugins目录重命名,然后登陆再一个个启用,最后查出是BackWPUP插件不兼容,删除重装,OK)
    3. 检查插件设置是否妥当,上传修改过的formatting.php等文件。
    4. 安装代码高亮插件SyntaxHighlighter Evolved并启用

    可悲的是,升级Wordpress至3.2.1最新版后仍未有任何代码高亮效果,而换了其他的主题就漂亮亮的高亮了,难道是我的主题有bug?(其实WP升级之前我就换过其他主题试过的,问题都一样,没有任何高亮效果,真是奇怪)

    后来无意逛到了WP官网SyntaxHighlighter Evolved的FAQ页面

    SyntaxHighlighter-FAQ

    SyntaxHighlighter-FAQ

    上面说的大概就是代码显示的还是原来的样子,没有任何效果,解决方法是看看主题里面的 footer.php 文件里面有没有 <?php wp_footer(); ?>,莫非我的问题也是这样?Down下来主题的footer.php 一看,果真没有!(估计是什么时候修改主题给弄丢的 – -!),速度加上这一句,upload,代码漂亮亮的高亮了!

    SyntaxHighlighter代码高亮效果图

    SyntaxHighlighter代码高亮效果图

    代码高亮效果是出来了,但是新的问题又出现了:由于我启用了WP-KeywordLink插件(为你的wordpress博客中添加关键词链接的插件),代码中的关键词也会被修改,不过解决办法很简单,到WP-KeywordLink插件设置页面将Options for KeywordLink选项卡下面的跳过pre标签选中即可

    修改WP KeywordLink中的设置

    修改WP KeywordLink中的设置

  • JQuery学习之JQ下拉菜单

    JQuery相信大家都接触过了,不过我这个JS菜鸟最近才开始学习。

    以前一直要搞个下拉菜单,现在学了点JQ,发现也挺简单的,上代码!(Demo页面)

    HTML代码

    <ul id="nav-categories">
    	<li><a href="../">首页</a>
    	</li>
    	<li>
    		<a href="#">链接</a>
    		<ul>
    			<li><a href="#">aaa</a></li>
    			<li><a href="#">bbb</a></li>
    			<li><a href="#">ccc</a></li>
    			<li><a href="#">ddd</a></li>
    		</ul>
    	</li>
    	<li>
    		<a href="#">相册</a>
    		<ul>
    			<li><a href="#">11</a></li>
    			<li><a href="#">22</a></li>
    			<li><a href="#">33</a></li>
    			<li><a href="#">44</a></li>
    		</ul>
    	</li>
    	<li>
    		<a href="#">博客</a>
    		<ul>
    			<li><a href="#">AA</a></li>
    			<li><a href="#">BB</a></li>
    			<li><a href="#">CC</a></li>
    			<li><a href="#">DD</a></li>
    		</ul>
    	</li>
    	<li>
    		<a href="#">关于</a>
    	</li>
    </ul>
    

    JQuery代码

    //两个参数,一个导航ul标签的id,一个是下拉菜单的显示速度,越小越快
    function zvMenu(ulElementId,speed){
    	//JQ一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。
    	$("#"+ulElementId).children("li:has(ul)").hover(
    		function(){
    			$(this).find("ul>li:last").addClass("li-last-s1");//给每个下拉菜单的最后一个li元素添加css样式,此处非必要
    			$(this).children("ul").slideDown(speed);//JQ的slideDown方法,显示下拉菜单
    		},
    		function(){
    			$(this).children("ul").hide();//隐藏下拉菜单
    		}
    	);
    	//JQ动画,可选
    	$("#"+ulElementId).find("li>ul>li>a").hover(
    		function(){
    			$(this).animate({paddingLeft:"30px"},speed);
    		},
    		function(){
    			$(this).animate({paddingLeft:"20px"},speed);
    		}
    	);
    
    }
    

    CSS代码

    #nav-categories{float:left;font-size:18px;height:50px;line-height:50px;}
    #nav-categories li{float:left;padding:0 20px 0 20px;background:#444;position:relative;}
    #nav-categories li ul{display:none;background:#444;color:#fff;position:absolute;left:0;top:50px;width:120px;border:1px solid #990;border-top:none;}
    #nav-categories li a{color:#FFF;}
    #nav-categories li a:hover{color:#9C0;}
    #nav-categories li ul li{height:40px;line-height:30px;background:#444;width:116px;padding:0;margin:0;border:2px solid #9C0;border-top:none;border-bottom:none;}
    #nav-categories li ul li.li-last-s1{border-bottom:2px solid #9C0;}
    #nav-categories li ul li a{display:block;padding:5px 5px 5px 20px;zoom:1;}
    #nav-categories li ul li a:hover{background:#575855;}