自定义Chrome网页CSS样式字体图标出现方框的解决办法

发布于 2016-11-162021-09-05 由 Z 撰写包含于分享留言

自定义Chrome后，很多网页的页面内容图标都显示为方框。
问题就在于自定义了CSS显示样式里的强制字体。

*{font-family: "Microsoft Yahei", "Microsoft Yahei"!important;}

将代码改为：

*{font-family: "Microsoft Yahei", "iconfont" !important;}

可以解决部分使用iconfont的字体不显示图标问题
或者改为下面代码，可解决大部分网页不显示的问题

*:not([class*="icon"]):not(i) {font-family: "Microsoft YaHei" !important;}

不过这些都没法解决全部，有些网站还是会不显示，最好的办法就是停用强制字体的CSS样式，用mactype修改系统字体显示。

添加shadowsocks服务到自启动

发布于 2014-11-192021-09-05 由 Z 撰写包含于分享留言

在vps上搭建了shadowsocks，需要手动加入自启动，不然vps重启后就不能用了。
查询service状态：

service shadowsocks status

确实没有启动，start打开
编辑/etc/rc.local文件，在exit 0上面添加

nohup /usr/local/bin/ssserver -c /etc/shadowsocks/config.json &

国内免费CDN加速和云存储：又拍云

发布于 2014-11-042021-09-05 由 Z 撰写包含于分享留言

2020年更新：又拍云一样需要绑定域名才可外链。

上一篇文章介绍了七牛云存储，作为更早的又拍云存储来说，同样非常的优秀。
又拍云分布全国60多个节点，全覆盖电信、联通、移动、教育网及地方宽带线路；据说在速度上要比七牛更快，但是我是没感觉到两者有什么差别（速度都很快）。
又拍云跟七牛一样，提供CDN加速和云存储服务，同样支持文件外链，对于流量和空间有限（或者服务器在国外速度较慢）的博客来说，做图床那是极好的。

又拍云存储：

又拍云走的是收费的路线，当然那是在七牛出现以前了。七牛的出现并且免费，发展势头迅猛，让又拍云存储感到了压力，又拍云存储不得不降价，并提供又拍云联盟计划。

http://www.upyun.com

又拍云联盟计划简单讲就是你在自己的网站上给又拍云加链接，又拍云给你免费10G空间+每月15G的流量，采用一次10G空间和180G流量加入账户的方法。对于普通的博客用户来说，也是足够了的。加个链接也没有多难，这等于一个变相的免费政策吧。同样的，支持自己绑定域名（同样的需要域名已经备案）

又拍云使用：

又拍云不支持网页直接上传文件，但是支持FTP管理，这个功能还是相当实用的，一般自己搭建博客的人，FTP那肯定是要用的，管理网站的同时也能管理自己的云存储，那是再方便不过了。
登录网页后，也是需要首先新建空间，这里和七牛不一样的是，新建空间的时候，有三个选项可以选择，分别是文件类空间，图片类空间和CDN类静态空间。

文件类：支持上传任何类型文件，但是图片文件没有动态缩略图功能。
图片类：只支持图片类文件上传，但是支持动态缩略图功能。
CDN静态类：这个就很好理解了，做CDN静态加速用的。

填入空间名，选择好类型后，可以设置对这个空间的配额是多少，这个功能很好，而且可以随时更改，将自己帐号的空间大小合理划分给不同用途的空间。
然后需要建立一个操作员，并将空间权限分配给操作员，这里的操作员和自己的登录帐号不一样，一个帐号可以建立50个操作员，可以建立200个空间。
全部填好后，这个空间就建立完成了，就可以直接登录FTP进行管理。
FTP地址可以参考页面底部的说明，例如我们新建了一个叫 myspace 的空间，操作员分配的是 User，那么，参考说明文档里的信息，可以知道：

FTP地址：v1.ftp.upyun.com
端口：21
用户名：user/myspace
密码：新建空间操作员时设置的密码

这里要注意的是用户名格式，用户名格式是：操作员/空间名
登录FTP后可以自由创建目录和上传文件

又拍云的工具：

又拍云支持FTP管理，所以官方没有像七牛那样提供各种工具来管理空间。不过官方还是开放了很多API接口，可以参考文档中心自己设计工具插件。
还有又拍云的各种插件，比如discuz,phpwind等论坛程序的插件，wordpress的插件等。

又拍云的外链：

因为又拍云不像七牛那样可以在线上传和管理，所以获取外链也没有七牛那么方便，七牛在网页的直接选中文件就可以在右边详细信息里看到外链地址。
又拍云的话，就需要自己全手工进行处理，比如我们通过FTP往又拍云里传了一个叫 abc.zip 文件,那么外链地址就是空间域名（或者已绑定的域名）+文件目录+文件名，外链地址就是：

http://myspace.b0.upaiyun.com/abc.zip

更多的工具、API、SDK可以参考官方的开发文档：

http://docs.upyun.com/sdk/

又拍云同七牛一样支持防盗链，这种功能对流量有限额的来说，是非常有必要的。

简单定义一个按钮样式

发布于 2014-10-172021-09-05 由 Z 撰写包含于分享留言

利用好CSS可以制作出精美的效果，比如下面的各种按钮：

这里拿个简单的做例子，比如CSS代码如下：

a{
    border: 0px none;
    font-family: 'Open Sans','Microsoft YaHei', sans-serif;
    font-size: 100%;
    font-style: inherit;
}
a.z-button,
a.z-button:visited {
    display: inline-block;
    color: #fff!important;
    background: #ff4a64;
    text-decoration: none!important;
    text-align: center;
    font-weight: 700;
    outline: none;
    border-radius: 2px;
    line-height: 1em;
    padding: 10px 20px!important;
    cursor: pointer;
    margin: 0 0.1em 1.5em 0!important;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}
a.z-button:hover {
    text-decoration: none;
    background: #fd3e59;
}
a.z-button:active {
    position: relative;
    top: 1px;
}

使用时候只需要定义 a 标签的class属性为z-button就可以调用css样式
最终的显示效果就是这样的：
Download

设置robots.txt文件来管理搜索引擎收录

发布于 2014-10-142021-09-05 由 Z 撰写包含于分享留言

robots.txt 是一个搜索引擎跟我们约定俗成的文件，通过这个文件我们来告诉搜索引擎，我们允许还是拒绝收录，允许哪些搜索引擎，拒绝哪些搜索引擎，允许搜索哪些内容，而又拒绝哪些内容被搜索引擎捕获。
robots.txt是一个简单的txt文本文件，内容也很简单，甚至可以为空。而且这个文件不是必须的。
如果你让站点被所有搜索引擎收录，那么直接不需要这个文件或者创建这个文件，内容为空就可以了。
robots.txt必须放在网站的根目录下，并且文件名为小写的“robots.txt”。
robots.txt里一般情况下只写两个函数 User-agent 和 Disallow，前一个用来定义搜索引擎的种类，后一个用来设置允许收录的内容。
需要注意的是，如果robots.txt内容不为空的话，则必须至少需要一个Disallow函数。
如果允许所有搜索引擎就这样写:

User-agent: * 星号表示允许所有搜索引擎

如果允许搜索引擎搜索全部内容就这样写：

Disallow: 没错，留空就行了。
如果全部不允许的话，添加个“/”就行了，写成： Disallow: /

例子：允许所有搜索引擎收录所有内容，可以这样写

User-agent: *
Disallow:

如果需要详细定义目录下不被允许的文件，就这样定义：

Disallow: /index.php 表示不允许抓取 http://www.example.com/index.php 这个页面。
Disallow: /index.php? 表示不允许抓取 http://www.example.com/index.php?search=xxxxxx 类似这样的动态页面。
Disallow: /index/ 表示不允许抓取index整个目录下所有内容，例如: http://www.example.com/index/index.php
Disallow: /*.jpg$ 表示不允许抓取所有jpg格式的图片文件。

如果需要详细定义搜索引擎的种类，就这样定义：

User-agent: Googlebot 配合Disallow或者Allow来定义此谷歌搜索引擎被允许或者不允许。

各搜索引擎的名称：

谷歌：Googlebot
百度：Baiduspider
雅虎：Yahoo!slurp
搜搜：Sosospider
有道：YoudaoBot

需要特别注意的是定义里使用的是英文冒号，大小写字母也不通用。

又拍云存储：

又拍云使用：

又拍云的工具：

又拍云的外链：

电脑设置方法: