Bubblings Blog

godaddy域名被盗找回过程

1月11号晚上收到了godaddy的一封邮件,被告知账户下的两个域名被push到了其他账户。当时还太相信,心想push域名的话肯定会有邮件进行二次确认的。随即登录godaddy后台,发现域名真的没了,一下子有点懵了,很懊恼前段时间修改其他网站密码的时候怎么把godaddy给忘了。被盗的域名共两个,一个是现在这个博客的域名riny.net,另一个是在大学时注册的域名。虽然都不值钱,但是毕竟riny.net这个域名在用着,就这样丢了还是蛮可惜的。

godaddy

随后在网上搜索了一番,发现godaddy域名被盗的情况也不少。于是接下来几天就按照网上教程说的给godaddy undo部门发邮件,告知域名被盗。undo部门给了一个网址http://www.changeupdate.com,需要在上面填写信息进行申诉。但是有一项需要上传英文翻译的身份信息证明,而且身份信息必须和注册域名时所填的一致。瞬间崩溃了,当时注册域名的时候信息都是乱填的,根本没法提供身份证明……

使用compass自动合并css雪碧图(css sprite)

css雪碧图又叫css精灵css sprite,是一种背景图片的拼合技术。使用css雪碧图,能够减少页面的请求数、降低图片占用的字节,以此来达到提升页面访问速度的目的。但是它也有令人诟病的地方,就是拼图和后期维护的成本比较大。也正是因为这一点,导致很多开发者懒于使用css雪碧图。

对于这种耗时、枯燥、重复性的工作,最好的解决方法还是交给工具去处理。本文就介绍下怎样使用compass来自动合并css雪碧图。

compass

安装compass

首先请确认电脑已经安装rubysass环境,rubysass的安装过程可参考:

sass入门指南

国内优秀npm镜像推荐及使用

npm全称Node Package Manager,是node.js的模块依赖管理工具。由于npm的源在国外,所以国内用户使用起来各种不方便。下面整理出了一部分国内优秀的npm镜像资源,国内用户可以选择使用。

国内优秀npm镜像

淘宝npm镜像

cnpmjs镜像

常见javascript hack解释

一些javascript技巧被资深的程序员广泛使用。然而对于初学者来说,有的技巧的含义并不是那么的显而易见。这些技巧往往使用的并不是语言的直接含义,而是利用一些特性或者副作用来达到目的。下面我会对一些常用的技巧做出解释。

你应该明白,这些技巧中的很多都属于hack,不应该在日常开发中使用。这篇文章的目的是解释这些hack是如何工作的,并不是推荐去使用它们。

使用!!将值转换为布尔型

在javascript中,所有的东西都能被转换成“真”或“假”。也就是说,当你把一个对象放进if语句的条件中,执行时,要么走条件为真的分支,要么就走条件为假的分支。

0, false, "", null, undefined, NaN为假,其他对象都为真。有时候想将一个对象转换成布尔值,你可以使用!!

另外,如果不是if (x == "test")这种形式,你可以简单的写成if (x),当x为false时,程序将直接运行其它块。

git生成ssh key及本地解决多个ssh key的问题

ssh是一种网络协议,用于计算机之间的加密登录。ssh原理及应用可参考:

SSH原理与运用(一):远程登录

生成ssh key步骤

这里以配置github的ssh key为例:

1. 配置git用户名和邮箱

git config user.name "用户名"
git config user.email "邮箱"

在config后加上 --global 即可全局设置用户名和邮箱。

2. 生成ssh key

ssh-keygen -t rsa -C "邮箱"

然后根据提示连续回车即可在~/.ssh目录下得到id_rsaid_rsa.pub两个文件,id_rsa.pub文件里存放的就是我们要使用的key。

grunt-contrib-sass使用指南

grunt-contrib-sass v0.7.3

编译sass文件

新手入门

如果你还不了解grunt,请查阅相关文档来了解什么是 Grunt Grunt 新手入门,它会告诉你怎样去创建一个gruntfile以及如何安装和使用grunt插件。一旦你熟悉了这个流程,使用下面的命令安装这个插件:

npm install --save-dev grunt-contrib-sass

一旦插件安装成功,你可以在你的Gruntfile中加入下面的这段javascript代码来激活它:

grunt.loadNpmTasks('grunt-contrib-sass');

设置sublime text2/3支持浏览器预览

昨天早上刚要开始工作的时候,发现sublime(version: 2.0.2)一些快捷键失效了,确切的说是emmet插件挂了。当时手里的项目比较急,也没管太多,下了个sublime text3装上emmet先顶着。今天忙完工作之后想起了这事,就到处找原因,后来无意间才发现,原来是配置中emmet插件被设置忽略了。

菜单栏 —> Preferences —> Settings - User 找到 ignored_packages

"ignored_packages": [
    "Vintage",
    "Tortoise",
    "Emmet"
]

Emmet删除即可。猜测Emmet被添加到忽略列表中由于Emmet的更新出现了问题,因为在安装或者更新某个插件时,sublime都会把该插件先添加到忽略列表,等安装或更新成功后再移出列表。ps: 题外话结束。。。

Mayday

到年中了,一晃半年又过去了,真是应了那句话——时间都去哪儿了。五月的最后一天,先来首五月天的歌,music……ps: 音乐控制面板在文章结束处~

先从感情说起吧,感情问题从年后就一直困扰着我,一直都觉得自己是一个很独立,做事很果断的人,但是面对感情,才发现原来自己就像一个孩子。。。是那样的不知所措。其实gq说的很对,感情问题不能拖拖拉拉,必须干脆点,这样对两个人都好。事已至此,不管结局怎样,都希望彼此今后能过的幸福。

sass入门指南

css预处理器已经算不上一个新鲜的词了,当前比较有代表性的css预处理器有sass、less、stylus。关于三者选择问题一直都是比较受争议的话题,这里就不在讨论了,适合的就是最好的。这篇文章主要会介绍一些sass的常见用法,当然很多理论都是相通的。

sass

在介绍sass前,我们先得明确几点:

  1. sass并不是css的替代品,它只是让css变得更加高效、可维护
  2. 永远不要去修改生成后的css
  3. 部署到线上的是生成的css文件,不是sass文件,sass的工作流如下图

sass工作流

博客从wordpress迁到hexo 托管在github

用wordpress很长一段时间了,尽管wp很成熟,插件也比较多,功能也应有尽有。但是每次写东西的时候,都要经历一个繁琐的过程,很是让人不爽。之前的流程是这样:

编辑器里用markdown写内容 --> 插件导出html --> 粘贴到wp后台 --> 发布

当想修改文章的时候,又得重新来一遍。终于还是受不了了,于是抽出了几天时间了解了 hexo,觉得挺好用的,而且可以直接托管在github,连虚拟主机的费用都省了。而且hexo从写到发布流程也比较简单,只需两条命令就可以完成发布流程:

hexo g --> hexo d

迁到hexo的同时,也更换了新的域名 riny.net,旧的文章后期会选择性的迁过来一些。

hexo的使用

对于第一次接触hexo的用户来说,还是需要花点时间来了解下的,我是参考了下面的两篇文章,介绍的非常详细,所以对这里就不赘述了。

hexo你的博客
hexo系列教程