如何使用git for windows与github同步数据

其实,github这个东东很多经常做开发的人都应该知道,可以将自己做的demo上传维护并管理,也可以把其他人的优秀作品抓来研究学习,可谓一个很棒的网站.今天主要介绍一下git for windows(msysgit)与github同步的方法.

前几天在同事hoosin的简单介绍下,我又决定尝试好好学习利用一下github这个利器了.正巧有个朋友曾经试过失败了,希望我写个简单的操作过程,那么我接下来就简单介绍一下本地git与github数据同步的一些方法及过程. 继续阅读“如何使用git for windows与github同步数据”

sublime text的插件SFTP连接超时

这几天看到关于sublime text的一个连接FTP的插件SFTP,居然能直接修改同步上去.那可是省事多了,以后改内容,直接通过这个修改后上传,也不用FTP工具了.可是省事了,可是在设置正确使用的时候出了点小问题,总是提示连接超时,什么原因呢?

先来说说安装吧,之前很多文章提到了安装插件的过程,这里就不复述了,装好SFTP插件,先要对着需要同步到服务器的目录右键-“Map to remote…“,接着会弹出一个配置文件,我按照经验简单设置了一下,测试连接,却始终连不上去.于是我又仔细查阅了官方的关于SFTP的官方说明,详见:Sublime SFTP Settings,却还是不行,改端口,改密码,改改改…都不行,最后索性试一下这个连接方式改成FTP,效果如何,结果一下就连上了,只知道FTP有主动传输和被动传说,真不知道这个S是用来做啥的,最可恶的是,官方文档说,除特殊情况,请保持默认SFTP…真是服了.

最后上我的配置图:

SFTP设置图
SFTP设置图

如果嫌每次敲密码麻烦,这里可以输入密码就可以了,至于其他配置,可以根据个人需求来设置.

PS:后来发现这个插件总是报错,兼容性有点问题还是怎么回事,大家自行考虑是否使用(2014年6月19日)

谷歌站长工具结构化数据错误提示修正方法

我有个习惯,看到哪里报错了,非解决不可,要不然心里惦记着啊,不舒服啊…这最近用谷歌站长工具,发现我这个wordpress博客有一大堆问题啊…例如:

Structured Data Errors
一大堆结构化数据错误…

除了最明显的结构化数据这里有无数个页面错误,好在这里大多可以通过修改模版一次性解决.但是如何解决了,最令我无语的是起初我用的是英文版的谷歌站长工具…看不懂,什么叫做Structured Data > hatom (markup: microformats.org)?什么叫做Missing: updated? 什么叫做Missing: author?搞不懂…看了半天帮助文档,弄了一晚上没搞明白,外加坑爹中国GFW,又不能上google plus…好多服务都限制了.不过功夫不负有心人.我看了无数遍帮助文档,还有Structured Data Testing Tool里面的Examples,以及谷歌的论坛,终于解决了.下面来说一下这两个问题怎么解决了.

继续阅读“谷歌站长工具结构化数据错误提示修正方法”

一个小小的双引号引发的思考-XP内IE下的字体(终)

这是我的终极方案了…其实这个最简单IE6,7的中文双引号,蛋疼!这个方案从代码和易于理解的角度来看是最好的,缺点就是要外部引用两个东东,如果网速不好就杯具了.这次也不多少了,用到一个伪类选择器(为了兼容IE6,IE7引入了一个JS文件),用到上次说的外部引用google font.那就直接上代码和DEMO测试页

<!DOCTYPE html>
<html>
<head>
<title>大双引号文字段自适应DEMO</title>
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<link href='http://fonts.googleapis.com/css?family=Anonymous+Pro:700' rel='stylesheet' type='text/css'>
<![endif]-->
<style type="text/css">
.container {width: 720px;color: #000;padding:20px;background-color: #eee; text-align: left;position: absolute;top: 200px;left: 220px;}
.content {margin:40px 0 0 8px;padding-bottom:30px;position: relative;font:bold 24px/40px "Microsoft YaHei";text-indent:0;}
.content:before, .content:after {font:bold 160px/160px Arial;*font-family:"Anonymous Pro"; height:75px;overflow: hidden;}
.content:before {content:"“";position: relative;display:inline;margin: -40px 0 0 0;float: left;*top: -5px;
}
.content:after {content:"”";position:absolute; margin: -12px 0 0 -15px; *margin: -20px 0 0 5px;}
</style>
</head>
<body>
    <div class="container">
		<p class="content">HTC于北京时间23:00在英国伦敦和美国纽约同步举行发布会,正式发布新旗舰智能手机HTC One (M8),0界面等几大亮点。HTC One (M8)带来突破性的设计与质量,拥有一体成型的高质感金属外型设计,5.0英寸1080p屏幕,极窄边框以及平滑柔和的圆弧曲线,机身更加圆润和轻薄。</p>
    </div>
</body>
</html>

之前的几种方法,参考:
一个小小的双引号引发的思考-XP内IE下的字体(上)
一个小小的双引号引发的思考-XP内IE下的字体(下)

话说这个WORDPRESS更新真是快,才更新到3.8.2,这下又出了3.9- -,好在不用改主题…

W350ETQ(K590S)装双硬盘南桥(PCH)散热最简单的方法

天气变热了,每次开机笔记本正常状态下,待机CPU:60-65摄氏度,PCH:85-90摄氏度,一玩游戏,风扇全速转,CPU温度不会超过85摄氏度,但是PCH温度就在100摄氏度左右,最高105摄氏度,据说南桥耐高温,但是南桥上面有块固态硬盘啊,我的爹爹…烧坏我的SSD可不好玩,查了一下,SSD正常工作温度不超过85摄氏度,一想,我这烧了几天SSD,居然没坏,这OCZ也没那么糟糕么…好了说说这个最简单办法吧.

方案一:将电池拆下,将D面的两个散热孔用宽透明胶或者纸板封住,然后把电池拆下来!你想一下就知道原理了.(D面散热孔封了,只有电池的口子进风,正好通过南桥= =!然后转入后面的出风口…)

好了,就是这么简单,我不是坑你们,至少我是这样做的,也不用垫瓶盖了.

我不能保证每台电脑都有效果.但是至少值得一试,我这边测试结果就是:

CPU和PCH满负荷运行,温度都不超过80摄氏度.虽然CPU温度还是有点高,但是PCH还是降了20摄氏度!!!至少我的SSD在心理接受温度了.

接下来说说其他方案:

方案二:撕掉边上的散热孔透明胶,中间的散热孔保持封死,外加一个USB风扇对着拆下来的电池处口子吹.不过想了一下还是不满意,我决定买个USB风扇试试还能不能降温,,,结果证明效果并不明显.但是我认为我的思路正确,如果做得好,我相信,促进外部空气流入,造成的气压,另笔记本自身的排气效果增强,绝对更好.我自己还DIY了一个通道,结果,还不如裸吹,关于温度最终测试结果:

CPU和PCH满负荷运行下,CPU约73摄氏度,基本不超过73摄氏度,PCH不超过77摄氏度.基本满意了.上图:

W350ETQ(K590S)散热改造
W350ETQ(K590S)散热改造

渣手机,勉强看一下…是的,如果动手能力强,改一个合适的通风口对着这里面灌气效果绝对比什么散热底座好…

方案三:封住自带两个通风口,电池什么都是安装好了的.这不就封死了么,于是给固态硬盘那个地方打洞.让空气直接通过那里进去,不过要注意的是,不能在中间打洞,这个我没有测试,我不太喜欢破坏笔记本- -…我也是提供方案,仅供参考咯.

好了,其实我也参考过,尝试过,加个散热片,按照网上有些教程写的那样做,但是,由于过于复杂,外加我弄得效果并不好,所以未采纳.最终通过思考用了这个最简方法…就算朋友们试了没什么效果也可以还原嘛,反正我是有效的.嘿嘿!!!

天龙AH-D600使用感受小谈

经过了十多天的等待,耳机终于到手,没有耳机的日子寂寞难耐…在忍了一个多月的笔记本音箱后,可以好好地静静地听一下音乐了.这款耳机也是我第一次在小熊的帮助下从日本亚马逊海淘过来的,本来耳机这算成人民币只要1470多好像,可是到手却总共花了1900多,运费实在太贵,又不幸被海关查了,交了150的关税,哎…此刻只有说纳税光荣,我自豪了…先上图:

天龙DENON AH-D600图
天龙DENON AH-D600图

继续阅读“天龙AH-D600使用感受小谈”

一个小小的双引号引发的思考-XP内IE下的字体(下)

在原版的XP系统下IE 6,IE7,对于自体支持似乎不是特别的好.上次提到过中文字体似乎对于中文标点都不能正常显示出来.更不要提英文字符对汉字的支持了.
正是这个原因上期的背景图解决IE6,7字符替换问题费了很大的功夫.
这次我简要总结一下我所发现的XP下IE6和IE7下字体的一些问题.

其实我之前做网站从未遇到这样的问题,可能是很久以前微软雅黑并未普及吧.就目前来看,网上关于字体的资料太少,国外有却跟汉字毫无关系.我也下了一个可能并不准确的结论:

继续阅读“一个小小的双引号引发的思考-XP内IE下的字体(下)”

debugbar无需注册码无限使用办法

直到前几天我才发现我的那个破烂IETESTER的debugbar插件居然不让我免费使用全功能了,限制在于无法查看元素宽高,也无法修改CSS样式来测试了,虽然这些功能都不是很好使,不过IE下勉强就只能用一下这个了.

原来是我使用了一个月就不能使用全部功能了,原来debugbar居然是共享软件…公司要求不允许使用盗版,这可怎么办呢…我突然想到一个办法,尝试了一下,有效,特分享出来,不过要说这个办法的完整步骤,我也不知道.大家可按照下面三个步骤依次测试.准备工作,一款卸载程序和CCleaner就够了.

  1. 我电脑装了QQ电脑管家我就用那玩意自带的卸载工具卸了,如果没装的有360可以尝试.QQ电脑管家先会使用原版的卸载程序卸载完debugbar后执行残余清理,当全部完成后,可以尝试再次安装debugbar,看看能否使用全功能…若不行,重新执行此项操作后,进行下一步.
  2. 开启CCleaner执行注册表清理.提示备份前,请备份.然后全部修复.完成后,可以尝试再次安装debugbar,看看能否使用全功能…若不行,重新执行第一步和此步,并进行下一步…
  3. 其实我估计前面两步就够了,但是我当时是做了最后一步才重新安装debugbar测试的,所以我还是说一下吧.打开注册表编辑器(运行-regedit),搜索debugbar的所有项,并删除…至此尝试再次安装debugbar,这次一定能成功的.

当然为了保险起见,可以尝试完成三步后再安装debugbar..我的测试环境为WIN7 32BIT最新版的IETESTER和最新版的debugbar.现在又可以愉快的调试IE了…


今天又到期了,于是重新安装,此次试图摸清最佳方式,经过测试,以下方式可能更为快捷.

  1. 正常卸载DebugBar插件(无论你用系统自带卸载还是专门的卸载软件)
  2. 打开注册表(运行-regedit),找到HKEY_LOCAL_MACHINE\SOFTWARE\Core Services\DebugBar,找到该项(DebugBar),直接删除该项!
  3. 重装DebugBar进行测试…

PS: 更新日期2014年6月18日


以上第二条如果无效请参考该路径

HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Core Services\DebugBar

并删除,适用版本DebugBar 7.5.1

PS: 更新日期2015年5月25日

Sublime Text 3近期使用总结(常用插件篇)

虽然很早就有了解,不过实际上还是近期因工作需要才开始正式以sublimeText3做主要开发工具.为此费了不少精力学习这个编辑器,现总结如下.

因为网上大部分都是介绍sublime text 2的相关内容,很多插件实际上在3已经不好用了,并且sublime text 3安装插件也不需要调用控制台了(貌似便携版还是需要手动添加,通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台

import urllib.request,os;pf=’Package Control.sublime-package’;ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),’wb’).write(urllib.request.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20’)).read())

如果以上报错(上面可能只适用于安装版,如果便携版报错)请试试下面这条

import urllib.request,os,hashlib; h = ‘7183a2d3e96f11eeadd761d777e62404’ + ‘e330c659d4bb41d3bdf022e94cab3cd0’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://sublime.wbond.net/’ + pf.replace(‘ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb’ ).write(by)

如果还是不行,请参考: https://sublime.wbond.net/installation (更新日期2014年9月4日)

更新日期:2014年5月5日),直接在Preferences里面就可以看到Package Control,进行插件安装.我专也门查了很多资料,根据个人习惯以及工作需要对于sublime text 3的常用插件做了一些整理,有需要的可以参考一下:

bracketHighLighter (Bracket and tag highlighter for Sublime Text)

Bracket Highlighter matches a variety of brackets such as: [](){}""''<tag></tag>, and even custom brackets.
自动在成对标签内的首尾下面添加一个下划线,方便查看是否有遗漏的tag或者js里面少写了一些闭合符号.

继续阅读“Sublime Text 3近期使用总结(常用插件篇)”

关于IE6行内多个元素浮动背景图对宽度影响

遇到这个问题实在是诡异.我对我自己能找出问题的原因也颇感惊讶,因为我根本不知道为什么会出现这样的现象,只是一个个凭感觉试出来的.如果有大神知道原因,希望能留言,如果不知道的正巧看到这篇文章,也可做个参考,解决一些可能是由于背景图产生的问题.惯例先上效对比果图(这里注释了背景).

关于IE6行内多个元素浮动背景图对宽度影响CHROME和IE6对比
关于IE6行内多个元素浮动背景图对宽度影响CHROME和IE6对比

按照正常思路完成布局和代码编写后,基本上ie7+和主流标准浏览器看起来都不错.然而IE6,就是令人蛋疼.是怎么蛋疼了呢仔细看图,我放代码和DEMO页面(此页面兼容):

继续阅读“关于IE6行内多个元素浮动背景图对宽度影响”