转载请注明：眼泪博客 » 外链神器

一般个人博客站的空间都不是太大，流量也是有限制的。如果网站的访问速度和存储空间不够的话，就需要花钱去升级虚拟主机了。不想花钱？那就看看七牛的免费cdn加速服务吧。

凭借 10G 流量 + 10G 存储的免费套餐，七牛云存储快速获得了大批的用户。其中 WordPress 博主占了不小的比例。我之前已经发过用七牛云存储加速wordpress运行的文章，但是写的不是很详细。下面我就详细说下怎么利用二级域名绑定七牛云存储建立自己的专用空间，让 WordPress 用上七牛云存储 CDN 加速服务。

第一步：创建七牛存储空间

首先，你得有一个七牛账号。点击这里去注册，立即享受每月 10G 流量 + 10G 存储的免费服务。

有了账号，我们需要建立一个公开空间。可以自定义命名。

第二步：设置七牛云存储空间

成功建立空间之后，打开该空间的【空间设置】页面。

点击申请绑定域名，配置自定义域名，并输入已经准备好的二级域名和域名备案号，自定义域名需要七牛审核（是否备案）审核后需要三到四天的配置时间，等几天就行。没有备案的域名可以使用七牛自带的二级域名。

最后在【镜像存储】下，点击【一键加速网站】按钮，输入你要图片托管的博客地址即可。

到这里，七牛那边的设置已经完成了。也就是说，我们只需将 WordPress 输出的内容中，所有的 http://yusi123.com/ 域名替换为http://images.yusi123.com/ 就能实现 CDN 加速。

第三步：配置WordPress

这里有好几种方式可以实现七牛云存储加速wordpress静态文件功能。

1、非插件方法实现七牛加速wordpress

在 WordPress 主题目录下的 functions.php 文件中，加入以下代码实现替换功能：

1. if ( !is_admin() ) {
2. add_action(‘wp_loaded’,‘yusi123_ob_start’);
4. function yusi123_ob_start() {
5. ob_start(‘yusi123_qiniu_cdn_replace’);
6. }
8. function yusi123_qiniu_cdn_replace($html) {
9. return str_replace(‘[这里填写博客路径]’, ‘[这里填写七牛空间路径]’, $html);
10. }
11. }

以我的设置上传目录 wp-content/uploads/ 文件夹为例，路径就应该替换为如下代码：

1. return str_replace(‘http://yusi123.com/wp-content/uploads/’, ‘http://images.yusi123.com/wp-content/wp-uploads/’, $html);

如果你需要更具体的范围控制（多目录、指定文件类型），可使用以下代码替换上面的yusi123_qiniu_cdn_replace部分：

1. //修改自七牛镜像存储 WordPress 插件
2. function yusi123_qiniu_cdn_replace($html){
3. $local_host = ‘http://yusi123.com’; //博客域名
4. $qiniu_host = ‘http://images.yusi123.com’; //七牛域名
5. $cdn_exts = ‘js|css|png|jpg|jpeg|gif|ico’; //扩展名（使用|分隔）
6. $cdn_dirs = ‘wp-content|wp-includes’; //目录（使用|分隔）
7.  
8. $cdn_dirs = str_replace(‘-‘, ‘\-‘, $cdn_dirs);
9.  
10. if ($cdn_dirs) {
11. $regex = ‘/’ . str_replace(‘/’, ‘\/’, $local_host) . ‘\/((‘ . $cdn_dirs . ‘)\/[^\s\?\\\’\”\;\>\<]{1,}.(‘ . $cdn_exts . ‘))([\”\\\’\s\?]{1})/’;
12. $html = preg_replace($regex, $qiniu_host . ‘/$1$4′, $html);
13. } else {
14. $regex = ‘/’ . str_replace(‘/’, ‘\/’, $local_host) . ‘\/([^\s\?\\\’\”\;\>\<]{1,}.(‘ . $cdn_exts . ‘))([\”\\\’\s\?]{1})/’;
15. $html = preg_replace($regex, $qiniu_host . ‘/$1$3′, $html);
16. }
17. return $html;
18. }

还有一种更简单的方法：

直接在wordpress后台 设置->多媒体->文件的完整URL地址中设置你的图片上传路径。

路径设置如下：http://你的二级域名（七牛三级域名）/wp-content/uploads

设置之后基本就可以使用了（我就是使用的这种方法）。很便捷。

2、插件方法实现七牛加速wordpress

如果你的需求还包括加速远程图片或刷新缓存等，那么建议使用我爱水煮鱼的七牛镜像存储 WordPress 插件。当然还有一些其他个人开发的七牛插件，你也可以试试。不过我爱水煮鱼的插件是官方推荐的，也比较受欢迎。大家可以选择性使用。

最后非常重要的一点:

为了防止权重流失，不要忘记在七牛空间放一个robots.txt：

1. User-agent: *
2. Disallow: /
3. User-agent: Googlebot-Image
4. Allow: /
5. User-agent: Baiduspider-image
6. Allow: /

转载请注明：眼泪博客 » 利用七牛云存储CDN服务给WordPress静态文件加速

自学设计的同学，通常会觉得国内的设计教程良莠不齐，分散不全面，学了几年仍旧是业余选手级别，这时候就该给自己重新充电了，今天收集了国外10个顶尖的平面设计在线学习网站，大部分是免费的，希望通过它们，你能成为更加专业的设计师。

平面设计是世界上增长最快的行业之一，随着创业公司和互联网公司在世界各地的兴起，其原因也可想而知了。为了弥补这一不断增长的需求，出现了大量在线帮助人们学习平面设计的网站。

学习平面设计是最近你能做的最聪明的事之一。这是一个不断增长的产业，因此学习它也变得越来越重要。

你可能还会喜欢这些：

• 20个让你爱不释手的汉堡菜单设计风格网站示例欣赏
• 45套对网页和用户界面设计非常实用的免费图标素材
• 送给网页设计师和程序员的48个神奇的礼物

在这篇文章中，我们为那些希望进入平面设计行业的人，收集了在线学习平面设计位列前十的网站。它们之中的大部分是免费使用的，不过并不能因此获得一个网络平面设计学位。当然了，在成本效益和时间方面，获得一个网络学位也是一个合适的选择。

1.Design Tuts+

Design Tuts+是在线学习平面设计、插画等等创意领域最大的网站之一。他们的网站提供了不同领域的大量教程，诸如Adobe系列、用户界面设计、插画技巧以及很多其他与平面设计相关的主题。我强烈推荐你花费一些时间使用这个网站，因为它可以说是更新平面设计领域的教程与课程的领头羊。

2.AIGA Graphic Design Theory

为了更好地掌握平面设计理论，我建议你看看AIGA的设计理论文章。它分享了关于平面设计主流趋势和潮流的有趣看法，可以帮助你成为一个更好的设计思想者。

3.About’s Digital Typography

由麻省理工学院开放课程计划提供，这份数字排版指南是网上最好的。你可以在这里学到活版印刷的关键组成部分，这点也和平面设计息息相关。

4.Information Aesthetics

如果你想要进入信息图设计领域，Informational Aesthetics应该成为你要立刻前往的唯一站点。开玩笑啦，不过这个网站确实是学习关于信息图设计和布局的一切的绝妙网站。

5.The Great Discontent

有些人说你可以从他人的经验那里学到很多。因此，Great Discontent是完美的。它提供世界顶尖创意者的漫长采访，帮助你更好的理解其艺术设计理论和方法。你可以在这里学到很多关于设计及相关领域的东西。

6.Smashing Magazine

当涉及到大局的顶尖内容的时候，Smashing Magazine在平面设计领域做得最好。它涵盖了平面设计的最重要领域，并能真正提高自己的技能。他们的文章非常深入，而且有点长，与此同时也的确值得一读。

7.DesignModo

DesignModo是我学习最新设计趋势、跟随平面设计世界飞速变化的资源。它同样拥有令人难以置信的深度文章，可以真正帮你学习到平面设计。快点收藏吧。

8.Grain Edit

如果你主要关注复古和古典风格的设计，Grain Edit你一定要看的出版物第一名。他们在过去的10年里一直关注着50年代到70年代的设计，分享令人惊讶的文章、灵感等等。

9.RIT Graphic Design Archive

毫无疑问的世界上最好的设计学校，The Rochester Institute of Technology向公众发布了他们的历史档案。还需要我说什么吗？

10.The Industry

涵盖了设计的初创公司和人的方面，The Industry是学习平面设计的极佳出版物。他们分享设计、初创以及两者向交汇的有趣文章。

正如你看到的，在线学习平面设计的机会是无止境的，只是需要你稍稍挖掘一下。我们希望这个网站列表可以帮到你。记得如果有别的学习平面设计的好网站，在下面评论并告诉我们。

原文地址：Webelemint  优设网译者：阿布

转载请注明：眼泪博客 » 分享10个免费在线学习平面设计的顶尖网站

首先说明一点，汉堡的设计风格不是关于汉堡包的额。汉堡设计风格一般指的是网页设计中带有默认隐藏的侧栏菜单风格导航的网站设计（可能是那个三层的点击按钮像个汉堡包吧）。侧栏菜单也可称（汉堡菜单）。这个只是我根据外文解说的一点理解，实在是这方面没找到相关的中文资料啊。如果有说的不对的或者理解的不正确，希望指正一下。

在默认状态下，侧边菜单（汉堡菜单）的内容是隐藏的。汉堡菜单的开启图标，一般也位于右上角或者左上角。现在的汉堡菜单貌似已经成为移动端设计的主流模式了。当然，也有数据研究表明，汉堡菜单的弊大于利。这个都是专家去研究的了。

咱们普通的站长、程序员或者喜欢网页设计元素的朋友只要能知道什么样的网站是自己喜欢的就行了。今天给大家分享的20个网站示例就是我非常喜欢的。而且都是汉堡菜单设计风格的。大家可以好好欣赏下国外的这些网站。

当然，你也可以去看看这些，你可能也会喜欢：

• 送给网页设计师和程序员的48个神奇的礼物
• 10个值得设计师收藏的高清照片设计素材网站
• 小伙伴们都会惊呆的10个超炫的HTML5+CSS3效果作品
• CSS3教程：50个CSS3精彩效果示例网站

Jam3

Outdated Browser

Port

SERGE THORAVAL

Wild

Fixed Agency

Huge

Adventure

Cantina Negrar

Biamar

Editions

Flat or Not

PRPL

Mobee

Minute of Silence

HLK Agency

Pollen

Kirichik

WandaPrint

Killing Kennedy

注：原文来自：20 Website Examples with Hamburger Icon Design You’ll Love。本文并非按照原文翻译，如有不同，请知晓。

转载请注明：眼泪博客 » 20个让你爱不释手的汉堡菜单设计风格网站示例欣赏

2.是双击(良精小精灵Asp服务器.exe)即可运行，绿色免安装。
测试和使用：

www文件夹为网站主目录 index.asp 为默认网站头文件

1.默认打开演示CMS系统
2.右击图标，则弹出系统菜单
3.选择系统菜单顶部的打开网站菜单进行测试

下载地址

转载请注明：眼泪博客 » ASP网站调试软件

既然你选择了编程作为职业，就注定了要终生以计算机为伴。但这并不意味着你应该置自己的健康不顾。谁都知道，电脑面前待久了，一是伤害你的眼睛，而是久坐伤身，还有会导致性格孤僻——因为你整天面对的是计算机，而不是活生生的人。到户外去，离开电脑，离开办公室。如果你还不确定是否应该这样做，那就看看下面的这些症状，有多少也出现在了你的身上？

每天早上时你都精力充沛。

但整天坐在屏幕前的生活慢慢的让你发疯。

一到下午5点，你就开始无法集中注意力

但是你很专业，你仍然能表现出在忙碌的工作。

你非常清楚上网会严重的让你分心。

占用你的工作时间。

你在网上发帖子，你发邮件，但刚发出去你就后悔了。

你经常用谷歌搜索问题答案，当某人的回答和搜到的结果不一致时，你会否定他。

但家人询问你在他们的电脑上如何完成某种任务时，你立刻想到的场景是这样的：

对你来说最糟糕的事情是忘了密码。

转载请注明：眼泪博客 » 30种症状证明你应该离开电脑到户外走走

转载请注明：眼泪博客 » 世界，你好！