IT瘾博客推荐

网站速度终极优化

Fri, 18 Nov 2022 16:05:30 CST

好久没有折腾网站速度了。最近尝试再次优化提升网站的访问速度。

利用了CDN厂商Cloudflare的Page rules，创建了三条页面规则，将后台登录页面免除缓存外，其它页面全部都缓存在Cloudflare的全球CDN数据中心。

这样全球访客访问本网站的时候，除了第一次要从源主机上索取生成页面，其它都不再需要，直接从最近的CDN数据中心获取，这样既减轻了网站主机的资源消耗压力，又直接提升了访客的访问速度。

鉴于Google Anlytics统计数据越来越不好用（Cloudflare本身自带Web Analytics），再加上我也没有动机去使用它，索性把统计代码取消了，这样一来既减少了网页页面请求数量，也没有了cookies记录，因此访问过的网页会直接缓存在访客的浏览器中一段时间（设置为1天）。

去除了Google Anlytics统计功能后，访客在本网站上来回浏览的时候，短时间内去CDN上下载网页都不必了——CDN那边会返回304告诉浏览器页面没有改动，所以直接调用原缓存页面，进一步提升网站访问速度。

这样的网站速度终极优化方案，把本网站的加载速度基本控制在500毫秒以内，比秒开还要快。

这么多年后，再一次化繁为简、返朴归真，回归到博客网站写作的初心，其它的东西都不必要。

图解 K8S（03）：从 Pause 容器理解 Pod 的本质

Sat, 29 Jan 2022 20:46:37 CST

在 K8S 中，Pod 是最核心、最基础的资源对象，它是 Kubernetes 中调度最小单元，学习 K8S 很多时候，我们都是在跟 Pod 打交道，它的内容是最多的，需要分好多的章节才能将它讲透。

本篇作为 Pod 的首篇，打算先从咱们熟悉的 Docker 容器入手，介绍 Pod 的组成及其工作原理。

主要解决几个关键问题：

Pod 是什么？它与容器是什么关系？
为什么 K8S 不直接管理容器呢？

1. Pod 与容器的关系

都说 K8S 是容器编排引擎，那怎么 K8S 中最小的可管理可部署的计算单元是 Pod 而不是容器呢？

Pod 和容器，又是什么关系呢？

其实 Pod 只是一个抽象的逻辑概念，它是一组（一个或者多个）容器的集合，这些容器之间共享同一份存储、网络等资源。

使用 kubectl get po -o wide可以查看 pod 的列表，其中 READY 列代表该 Pod 总共有 1 个容器，并且该容器已经成功启动，可以对外提供服务了

登陆到该 Pod 年在到 worker 节点上，使用 docker ps 查看容器

咦？上面不是说该 Pod 只有一个容器吗？怎么这个 grep 出来，却有两个呢？

实际上，这个 pause 容器，是一个很特殊的容器，它又叫 infra 容器，是每个 Pod 都会自动创建的容器，它不属于用户自定义的容器。

那么这个 pause 容器有什么用呢？

接下来就来说说 pause 诞生的背景，它对 Pod 模型的理解有非常重要的意义。

2. Pause 容器

pause 容器镜像

使用 docker insepct [CONTAAINER_ID] 查看一下 pause 容器的详情信息，可以发现 pause 容器使用的镜像为

  registry.cn-hangzhou.aliyuncs.com/google_containers/pause:3.6

该镜像非常小，只有 484KB，由于它总是处于 Pause （暂时）状态，所以取名叫 pause

想了解该 pause 容器的构成（代码是用 C 语言写的）的可以去官方仓库上一看究竟：https://github.com/kubernetes/kubernetes/tree/master/build/pause

pause 容器作用

上面我们说，一个 Pod 是由一组容器组成的，这些容器之间共享存储和网络资源，那么网络资源是如何共享的呢？

假设现在有一个 Pod，它包含两个容器（A 和 B），K8S 是通过让他们加入（join）另一个第三方容器的 network namespace 实现的共享，而这个第三方容器就是 pause 容器。

这么做的目的，其实很简单，想象一下，如果没有这样的第三方容器，会发生怎样的结果？

没有 pause 容器，那么 A 和 B 要共享网络，要不就是 A 加入 B 的 network namespace，要嘛就是 B 加入 A 的 network namespace，而无论是谁加入谁，只要 network 的 owner 退出了，该 Pod 里的所有其他容器网络都会立马异常，这显然是不合理的。

反过来，由于 pause 里只有是挂起一个容器，里面没有任何复杂的逻辑，只要不主动杀掉 Pod，pause 都会一直存活，这样一来就能保证在 Pod 运行期间同一 Pod 里的容器网络的稳定。

我们在同一 Pod 里所有容器里看到的网络视图，都是完全一样的，包括网络设备、IP 地址、Mac 地址等等，因为他们其实全是同一份，而这一份都来自于 Pod 第一次创建的这个 Infra container。

由于所有的业务容器都要依赖于 pause 容器，因此在 Pod 启动时，它总是创建的第一个容器，可以说 Pod 的生命周期就是 pause 容器的生命周期。

3. 手工模拟 Pod

从上面我们已经知道，一个 Pod 从表面上来看至少由一个容器组成，而实际上一个 Pod 至少要有包含两个容器，一个是业务容器，一个是 pause 容器。

理解了这个模型，我们就可以用以前熟悉的 docker 容器，手动创建一个真正意义上的 Pod。

创建 pause 容器

使用 docker run 加如下参数：

--name：指定 pause 容器的名字，fake_k8s_pod_pause
-p 8888:80：将宿主机的 8888 端口映射到容器的 80 端口

创建 nginx 容器

创建容器之前先准备一下 nginx.conf 配置文件

然后运行如下命令创建名字 fake_k8s_pod_nginx 的 nginx 容器

其中 -v 参数是将宿主机上的 nginx.conf 文件挂载给 nginx 容器

除此之外，还有另外三个核心参数：

--net：指定 nginx 要 join 谁的 network namespace，当然是前面创建的fake_k8s_pod_pause
--ipc：指定 ipc mode，一样指定前面创建的fake_k8s_pod_pause
--pid：指定 nginx 要 join 谁的 pid namespace，照旧是前面创建的fake_k8s_pod_pause

创建 ghost 容器

有了 nginx 还不够，还需要有人提供网页的数据，这里使用 ghost 这个博客应用，参数和上面差不多，这里不再赘述。

到这里，我就纯手工模拟出了一个符合 K8S Pod 模型的 “Pod” ，只是它并不由 K8S 进行管理。

这个 “Pod” 由一个 fake_k8s_pod_pause 容器（负责提供可稳定共享的命名空间）和两个共享 fake_k8s_pod_pause 容器命名空间的两业务容器。

访问 “Pod” 服务

由于我是在 worker （ip 为 172.20.20.11）节点上创建的 “Pod”，因此在我的 Mac 电脑上，直接访问 http://172.20.20.11:8888/ 就可以访问该博客啦

4. 创建真正的 Pod

上一节，我在 K8S 生态之外，单纯使用 Docker 创建了三个容器（Pause、Nginx、Ghost），这三个容器的的组合，在 K8S 中称之为 Pod。

如果没有 K8S 的 Pod ，你启动一个 ghost 博客服务，你需要手动创建三个容器，当你想销毁这个服务时，同样需要删除三个容器。

而有了 K8S 的 Pod，这三个容器在逻辑上就是一个整体，创建 Pod 就会自动创建三个容器，删除 Pod 就会删除三个容器，从管理上来讲，方便了不少。

这正是 Pod 存在的一个根本意义所在。

那到底有多方便呢？还是以上面 ghost 博客为例，下面我会介绍如何 K8S 中创建一个像上面一样的博客应用？

创建 ConfigMap

ConfigMap 也是 K8S 中的一个对象，目前还没有学到，你只要知道它是一个用来存储信息的对象即可

使用如下命令即可创建一个 ConfigMap 对象，用它来存储 nginx.conf 文件。

  kubectl create configmap nginx-config --from-file=nginx.conf

使用 -o yaml 参数，就能看到 nginx.conf 文件中的内容。

创建 Pod

接着执行如下命令创建一个 ghost.yaml 文件（yaml 文件内容，在文末获取）

然后直接 apply 该文件就可以创建一个 ghost 服务，从输出可以看到这里的 READY 变成了 2/2，意思是该 Pod 总共包含 2 个容器，目前已经全部准备就绪。

此时再去访问 http://172.20.20.11:8888/ 一样可以访问博客页面

5. 总结一下

本文以 pause 容器为突破口，在脱离 K8S 生态之下，使用 docker 手工创建具有业务相关的多个容器，模拟出最初的 Pod 模型，理解了这个基本就对 Pod 的意义有了一个直观、深刻的认识。

一份简单够用的 Nginx Location 配置讲解

Mon, 03 Jan 2022 20:24:58 CST

前言

Location 是 Nginx 中一个非常核心的配置，这篇重点讲解一下 Location 的配置问题以及一些注意事项。

语法

关于 Location，举个简单的配置例子：

  http { 
  server {
      listen 80;
        server_name www.yayujs.com;
        location / {
          root /home/www/ts/;
          index index.html;
        }
  }
}

大致的意思是，当你访问 www.yayujs.com 的 80 端口的时候，返回 /home/www/ts/index.html 文件。

我们看下 Location 的具体语法：

  location [ = | ~ | ~* | ^~ ] uri { ... }

重点看方括号中的 [ = | ~ | ~* | ^~ ]，其中 | 分隔的内容表示你可能会用到的语法，其中：

= 表示精确匹配，比如：

  location = /test {
  return 200 "hello";
}

# /test ok
# /test/ not ok
# /test2 not ok
# /test/2 not ok

~ 表示区分大小写的正则匹配，比如：

  location ~ ^/test$ {
  [ configuration ] 
}

# /test ok
# /Test not ok
# /test/ not ok
# /test2 not ok

~* 表示不区分大小写的正则匹配

  location ~* ^/test$ {     
    [ configuration ] 
}

# /test ok
# /Test ok
# /test/ not ok
# /test2 not ok

^~ 表示 uri 以某个字符串开头

  location ^~ /images/ {    
    [ configuration ] 
}

# /images/1.gif ok

而当你不使用这些语法的时候，只写 uri 的时候：

/ 表示通用匹配：

  location / {     
    [ configuration ] 
}

# /index.html ok

  location /test {
    [ configuration ] 
}

# /test ok
# /test2 ok
# /test/ ok

匹配顺序

当存在多个 location 的时候，他们的匹配顺序引用 Nginx 官方文档就是：

A location can either be defined by a prefix string, or by a regular expression. Regular expressions are specified with the preceding “~*” modifier (for case-insensitive matching), or the “~” modifier (for case-sensitive matching). To find location matching a given request, nginx first checks locations defined using the prefix strings (prefix locations). Among them, the location with the longest matching prefix is selected and remembered. Then regular expressions are checked, in the order of their appearance in the configuration file. The search of regular expressions terminates on the first match, and the corresponding configuration is used. If no match with a regular expression is found then the configuration of the prefix location remembered earlier is used.

If the longest matching prefix location has the “^~” modifier then regular expressions are not checked.

Also, using the “=” modifier it is possible to define an exact match of URI and location. If an exact match is found, the search terminates. For example, if a “/” request happens frequently, defining “location = /” will speed up the processing of these requests, as search terminates right after the first comparison. Such a location cannot obviously contain nested locations.

翻译整理后就是：

location 的定义分为两种：

前缀字符串（prefix string）
正则表达式（regular expression），具体为前面带 ~* 和 ~ 修饰符的

而匹配 location 的顺序为：

检查使用前缀字符串的 locations，在使用前缀字符串的 locations 中选择最长匹配的，并将结果进行储存
如果符合带有 = 修饰符的 URI，则立刻停止匹配
如果符合带有 ^~ 修饰符的 URI，则也立刻停止匹配。
然后按照定义文件的顺序，检查正则表达式，匹配到就停止
当正则表达式匹配不到的时候，使用之前储存的前缀字符串

再总结一下就是：

在顺序上，前缀字符串顺序不重要，按照匹配长度来确定，正则表达式则按照定义顺序。

在优先级上， = 修饰符最高， ^~ 次之，再者是正则，最后是前缀字符串匹配。

我们举几个简单的例子复习下：

  server {
    location /doc {
        [ configuration A ] 
    }
    location /docu {
        [ configuration B ] 
    }
}

# 请求 /document 使用 configuration B
# 虽然 /doc 也能匹配到，但在顺序上，前缀字符串顺序不重要，按照匹配长度来确定

  server {
    location ~ ^/doc {
        [ configuration A ] 
    }
    location ~ ^/docu {
        [ configuration B ] 
    }
}

# 请求 /document 使用 configuration A
# 虽然 ~ ^/docu 也能匹配到，但正则表达式则按照定义顺序

  server {
    location ^~ /doc {
        [ configuration A ] 
    }
    location ~ ^/docu {
        [ configuration B ] 
    }
}

# 请求 /document 使用 configuration A
# 虽然 ~ ^/docu 也能匹配到，但 ^~ 的优先级更高

  server {
    location /document {
        [ configuration A ] 
    }
    location ~ ^/docu {
        [ configuration B ] 
    }
}

# 请求 /document 使用 configuration B
# 虽然 /document 也能匹配到，但正则的优先级更高

root 与 alias 的区别

当我们这样设置 root 的时候：

  location /i/ {
    root /data/w3;
}

当请求 /i/top.gif ， /data/w3/i/top.gif 会被返回。

当我们这样设置 alias 的时候：

  location /i/ {
    alias /data/w3/images/;
}

当请求 /i/top.gif ， /data/w3/images/top.gif 会被返回。

乍一看两者很像，但细一看，就能看出两者的区别，root 是直接拼接 root + location 而 alias 是用 alias 替换 location，所以 root 中最后的路径里有 /i/，而 alias 中最后的路径里没有 /i/ 。

所以如果你这样使用 allias 定义一个路径：

  location /images/ {
    alias /data/w3/images/;
}

其实使用 root 会更好：

  location /images/ {
    root /data/w3;
}

server 和 location 中的 root

server 和 location 中都可以使用 root，举个例子：

  http { 
  server {
      listen 80;
        server_name www.yayujs.com;
        root /home/www/website/;
        location / {
          root /home/www/ts/;
          index index.html;
        }
  }
}

如果两者都出现，是怎样的优先级呢？

简单的来说，就是就近原则，如果 location 中能匹配到，就是用 location 中的 root 配置，忽略 server 中的 root，当 location 中匹配不到的时候，则使用 server 中的 root 配置。

系列文章

博客搭建系列是我至今写的唯一一个偏实战的系列教程，讲解如何使用 VuePress 搭建博客，并部署到 GitHub、Gitee、个人服务器等平台。

微信：「mqyqingfeng」，加我进冴羽唯一的读者群。

如果有错误或者不严谨的地方，请务必给予指正，十分感谢。如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。

【DevOps进行时】持续交付广义流水线探索 – 农行DevOps实践之路

Sun, 09 Aug 2020 21:13:17 CST

持续交付流水线是DevOps落地的重要工程实践，但是业界普遍把持续交付流水线建设等同于CI/CD，很多人觉得部署好Jenkins，配置个自动化job，能编译，能部署，能跑自动化测试就搞定了。其实真正的持续交付流水线远不仅仅是这些内容，它应该包括从需求/创新的提出，到功能架构设计，计划跟踪，开发编码，编译打包，测试验证，投产上线，再到将实现的功能让用户使用起来的全过程。

为了区分业界普遍理解的CI/CD流水线概念，我们将真正意义上的持续交付流水线定义为【广义流水线】，对应业界普遍理解CI/CD流水线并称之为【狭义流水线】。【广义流水线】的概念在中国农业银行一直都是主要的DevOps实施方法论指导。

农行是典型的国有全国性大型银行，研发规模大，涉及部门和人员多，系统复杂。因此农行研发中心很早就非常重视研发效能改进，从组织架构，人员角色，系统架构，管理方法论和研发工具链各个方面持续投入。英捷创软科技（北京）有限公司（下简称LEANSOFT）自2015年开始与农行研发中心合作，与项目管理办公室对接，为研发中心3000多研发人员提供基于微软Team Foundation Server (现已更名为Azure DevOps Server)的项目过程管控体系规划设计和定制化服务，持续参与农行研发中心的研发效能改进过程，助力农行敏捷、DevOps能力建设。这个过程可以大体分为三个阶段。

第一阶段
试水研发端到端全流程管理 – 农行互联网金融战略三大平台工程

2015年，为了适应国内金融业的快速发展，中国农业银行通过多年的总结、实践，探索出来的互联网三农金融服务有以下五个模式：

第一就是电商加涉农；
第二是商业银行线上化服务；
第三是以农业的龙企业为代表的农业产业链加在线金融的模式；
第四是以农产品交易市场加供应链金融；
最后是P2P、众筹。

相应的，农业银行形成了「三大平台五大产品线」的长期战略。

三大平台分别是社交生活平台，电子商务平台，金融服务平台；
五大产品体系就是网络支付，网络融资等。

LEANSOFT团队作为支撑农行互联网金融三大平台五大产品线建设工程的DevOps研发工具链技术支持团队，与当时项目办组建的重点工程支持团队一起，完成了这一重点工程的研发管理和工程效能改进支撑工作。

在这个过程中，我们探索了使用微软Team Foundation Server支撑研发端到端的完整流程，梳理出了从立项，业务需求，工程拆分，编码开发，自动化构建和发布，测试和缺陷管理到QA质量保障的7个关键步骤，取得了非常好的实践效果。

这个项目也在2016年的微软技术大会上作为KEYNOTE主题演讲案例重点推介给全国的技术社区。

互联网三大平台工程是农行内部第一次用一个工具将研发过程端到端的管理起来，相比较之前使用多个工具串接的方式，这种方式降低了工具之间集成的工作量，让管理人员和开发人员可以更加关注研发流程业务本身，同时也可以天然地完成研发数据的端到端贯通。

在这个项目中，团队还探索使用了微软TFS所提供的CI/CD流水线完成了代码的自动化编译和自动化部署，大大降低了团队花费在频繁部署测试环境上的资源消耗，同时也确保了测试环境部署的可靠性，为研发过程的提质增效提供了有力的工程实践保障。

在这一阶段，虽然没有提及敏捷和DevOps的说法，但是在项目推进过程中已经开始自发地使用敏捷和DevOps中的很多理念，方法和实践，为后续农行在敏捷和DevOps转型上的进一步探索打下了基石。

参考文章：

大喵手绘｜神秘的互联网金融项目是如何进行质量管理的
手持利器，心无畏惧——TFS深度体验报告

第二阶段
深度探索精益敏捷研发模式 – 农行春天工程和其他

有了第一阶段的探索，在农行研发中心内部的很多团队看到了敏捷和DevOps模式的优点，开始进行更加深入的试验。在2017年下半年，农行研发中心应用开发二部启动了移动营销平台建设项目，因为这个项目计划在2018年春季发布，因此也被冠名为“春天工程”。

春天工程以三大平台为依托，通过构建营销宝，营销派，营销管家和金融小店四大产品为目标，试图利用互联网的模式为农行客户经理以及全体员工提供移动营销工具，借助手机，PAD，掌上银行，微信，小程序等各个渠道推动金融产品的销售。因为更加贴近终端用户的业务属性，开发团队希望探索使用敏捷开发模式来运作这个项目。

春天工程从一启动就受到了研发中心项目办的特别支持，建立了以内外部教练为核心的敏捷试点支撑体系，通过为试点团队不断提供培训，教练，贴身辅导等方式指导开发团队一步步建立迭代式开发节奏，同时持续收集和整理团队的实践，进行内部外部的成果推介。这个敏捷试点支撑体系不仅为春天工程提供了强有力的支持，也为农行内部创造了更好的敏捷土壤。

这个过程中，LEANSOFT团队也为项目组提供了一系列的敏捷指导和DevOps工具支持，包括参与团队的日常敏捷活动，梳理Kanban和站会流程，优化可视化板的结构，协助团队建立CI/CD流水线，迁移和梳理Git代码库结构，设计和配置基于特性分支的配置管理策略，指导团队使用微软TFS所提供的拉取请求（Pull Request）功能完成代码评审和代码质量验证，自动化编译，打包，测试和部署。我本人也作为外部教练参与了团队的日常敏捷活动，持续指导团队建立起迭代节奏。

这些实践对于支撑团队从传统研发模式转换到敏捷研发模式起到了非常重要的支撑作用，从需求跟踪，流程管理，迭代开发，测试管理和监控反馈五个方面确保了春天工程敏捷试点的成功。

春天工程虽然整体规模上没有互联网三大平台工程大，但是在敏捷和DevOps实践探索的深度上更为深入。团队从Scrum和Kanban做起，经历了3个月的持续改进，完成了相对稳定的Kanban管理流程和可视化板的设计，再通过将测试团队引入项目组实现迭代内的持续测试，最终实现按照用户故事粒度的持续交付和前期产品设计阶段更为合理的需求到故事的拆分体系。整个流程的建立耗费了超过8个月的时间，是一个非常典型的敏捷团队试点转型实例。

参考文章：

农行基于TFS工具的敏捷转型实践
来自农行软开的看板站会秘籍和敏捷转型经验
【DevOps+LIVE视频】中国农业银行敏捷转型和看板秘籍分享
敏捷可以这么玩：基于TFS电子看板的Scrum管理实践
【过程瞭望】从理论到实践，平台部敏捷践行落地
“五型五秀”：满眼生机转化钧，天工人巧日争新 ——C3“全场景配置管理+持续集成”探索实践之路
15分钟帮你把“镜（kan）子（ban）”擦干净
一种适用于大规模应用系统双模研发的GIT分支模型（上篇）
一种适用于大规模应用系统双模研发的GIT分支模型（下篇）
如何在项目研发中吃着火锅唱着歌?
某银行大型管理系统端到端持续集成和交付实践
C3端到端全流程敏捷研发转型之路大揭秘

第三阶段
全面推进DevOps转型和全行工具链贯通 – 信通院DevOps评级工作

第一阶段农行研发中心通过互联网三大平台工程的契机建立了端到端研发管理的框架基础，第二阶段的春天工程中又从深度上验证了敏捷和DevOps的模式，证明了这些实践可以在传统银行的组织环境下实现更为快捷的交付速度和更为灵敏的业务响应能力。

在2017-2019年之间，农行研发中心一直在推进工具收敛的策略，将原先散布在不同工具上的流程逐步收敛至TFS这一个平台上来，这个过程中另外一个非常重要的工程实践就是集中构建流程的建立。

集中构建流程要求所有需要投产上线的软件包必须通过TFS的自动化构建进行创建，运维部门只能通过受控的集中存储获取投产包。这一流程在TFS上的落地，确保了研发和运维之间建立投产数据包的唯一可信源，为后续的DevOps全流程贯通打下的又一个坚实的基础。

LEANSOFT团队在协助农行研发中心推进集中构建的过程中，充分发挥了微软TFS内置的CI/CD流水线的跨平台构建集群管理能力，创建并管理了上百台构建机组成的构建集群，支持了包括Windows, Linux, Mac在内的不同操作系统上不同技术栈（包括：Java, C#, JavaScript, Python, c/c++等）的自动化构建，静态代码检查，代码安全性扫描，单元测试执行和结果收集，以及不同环境下的部署流水线设计和实施。

基于以上成果，农行研发中心于2019年启动了由信通院制定的《研发运维一体化（DevOps）能力成熟度模型》三级评估。在启动评估的初期，LEANSOFT团队参与了由农行研发中心项目管理办公室牵头进行的农行DevOps研发工具链建设体系框架的制定，通过DevOps咨询产出了【DevOps工具链规划广义流水线】规划框架视图。

对于农行研发中心这样规模的研发类组织，内部部门繁多，人员角色复杂，流程复杂且环节多，非常需要一个整体的规划框架统一所有人的理解，这样才能确保DevOps实施的成功。

【DevOps工具链规划广义流水线】规划框架包含了三横一纵四个要点：

三横。主要包括第一层的项目/产品级管理（PM），第二层的工程管理（SE）和第三层的工具和环境管理。这三个层次分别覆盖了组织中不同层级的管理诉求：第一层主要覆盖组织级管理诉求，侧重于组织资源优化，投资组合和创新管理；第二层主要关注部门，项目/产品级的管理诉求，侧重于过程改进，质量控制和效率提升；第三层关注具体的实现方式，侧重于各个领域工具的适配和集成，为第一和二层的管理诉求提供足够的支撑。
一纵。主要体在研发度量数据体系化管理上，在以上三层中我们要尽量将管理流程数字化，并通过需求这条主线形成贯穿所有过程的数据链条，为上图中的组织级，部门级，项目/产品级，团队级和个人级仪表盘和数据分析视图提供数据支撑。实现工具无关的管理度量体系。
这其中的一纵其实是DevOps工具链建设中非常关键的一环，我们都知道DevOps三步工作法，这个DevOps实施方法最早在《凤凰项目》这本书中提出后已经被业界公认为是非常有效的DevOps实施落地指导思路。三步工作法的第二步就是建立反馈，而研发度量数据体系其实就是为团队提供反馈最重要的一种方式，也是赋能研发团队进行自我改进中最重要的一环。

在农行研发中心的DevOps工具链建设过程中，LEANSOFT团队配合项目办的度量指标设计团队一起，围绕交付交付效率、交付质量和交付能力三个维度，一共完成了43个指标的设计，规划，实施和数据展现。

在度量平台实施过程中，LEANSOFT团队采用了自助研发的“软件交付效能仪表盘（Proejct Dolphin）”解决方案，围绕“DevOps通用数据模型”建立了一套专门针对DevOps研发类数据的可扩展，可插拔的度量数据抽取平台。解决了不同角色的人员对数据视图的不同诉求下，又可以保证数据模型相对稳定演进的问题，满足了DevOps评级过程中对度量指标的各项要求。

经过团队的共同努力，中国农业银行研发中心在2020年6月19日顺利通过 DevOps 标准持续交付部分的 3 级评估的项目，相关项目以及项目组分享的实践文章链接如下：

1）信贷中台项目
助推数字化转型，农行信贷中台 DevOps 转型实践
2）个人网银项目
线上金融 DevOps 排头兵：农行个人网银系统实践
3）分布式应用互联平台（AIR）项目
助力技术中台数字化转型，探索农行 DevOps 实践之路
4）增值税进项税管理项目
当“微服务”遇见 DevOps，农行增值税进项税“1+1”研发模式
5）金融小店项目
农行金融小店不可不知的 DevOps 测试自动化之路
社交营销与 DevOps 共舞，农行金融小店 DevOps 落地实践

参考文章

【DevOps进行时】接口自动化测试之内功心法
【DevOps进行时】农行信贷中台用户故事地图落地实践：激发沟通火花，洞查真实需求
阿捷外传之Git代码统计
【洞见】DevOps专题|DevOps农行本地化实践探秘
数据驱动，让 DevOps 看得见，摸得着
重磅！中国农业银行多个项目通过 DevOps 持续交付标准 3 级评估，相关项目能力达到国内领先水平！（有本图）
度量驱动 DevOps 转型：中国农业银行 DevOps 度量体系建设实践浅析

作者简介

英捷创软科技（北京）有限公司 LEANSOFT
首席架构师 | 资深DevOps顾问 | 微软最有价值专家MVP
徐磊

中国农业银行研发中心
项目管理办公室 DevOps实施牵头人
苏小彦

私有办公服务搭建

Fri, 13 Dec 2019 13:47:12 CST

鉴于Microsoft Office通常体积臃肿，而且只在Windows下能用。虽然LibOffice开源且免费，适用于各个平台，但碍于接触到的多是Microsoft Office的文档，打开时经常格式很乱，于是考虑搭建一种服务，可以在浏览器中处理文档，类似于Google Docs或者Office Online.

Office服务搭建

目前已经有比较优秀的 DzzOffice了,而且开源，仓库地址在此，可以在此处查看演示。
可以自己搭建一个，另外该仓库也提供了Docker部署版本。克隆仓库之后直接使用 docker-compose up -d即可部署。

     git clone https://github.com/zyx0814/dzzoffice.git
     cd dzzoffice
     git checkout docker 
     chmod 777 -R data dzz config
     docker-compose up

不过目前编译，会出现一些问题:

Build php error:

1	ERROR: http://dl-cdn.alpinelinux.org/alpine/v3.4/main: temporary error (try again later)`

原因主要在两个方面：一是本机Docker的DNS设置：

1	sudo vim /etc/docker/deamon.json

将DNS修改正确；
另一个问题是alpine镜像的DNS问题，测试一下：

1	docker run -it --rm php:7.1.0-fpm-alpine sh -c " ping dl-cdn.alpinelinux.org"

显示 bad address.

在php的Dockerfile中加一行，然后重启服务

     1
     2
     3

     docker run -it  --rm php:7.1.0-fpm-alpine  sh -c "echo nameserver 8.8.8.8 > /etc/resolv.conf && ping dl-cdn.alpinelinux.org"
     sudo systemctl daemon-reload
     sudo systemctl restart docker

Php compose error:

     composer global require --no-progress "fxp/composer-asset-plugin:~1.2"
     
     [RuntimeException]
     No composer.json present in the current directory, this may be the cause of the following exception.   
     
     [Composer\Downloader\TransportException]   
      Content-Length mismatch, received 549815 bytes out of the expected 1180102

同样修改Dockerfile，安装完 compose之后，添加一行：

1	composer config -g repo.packagist composer https://packagist.phpcomposer.com

Build pma error:

1	/bin/bash apk not found

可能是镜像更新了，里面用的ubuntu amd64环境，是 apt-get安装，修改pma的Dockerfile，指定一个稍老的版本即可。

至此，服务搭建成功。

服务配置

数据库用户名和密码在部署环境之前，可以在 docker-compose.yml中配置，然后在浏览器中打开 localhost开始进行配置。

登录之后，需要进行配置，添加应用，比如office，如添加onlyoffice，可以先装一个onlyoffice的服务:

1	docker run -i -t -d --name onlyoffice -p 8000:80 onlyoffice/documentserver

然后在应用库中添加onlyoffice，设置api地址，

1	http://YOUR_SERVER_ADDRESS:8000/web-apps/apps/api/documents/api.js

然后就可以编辑文档了。

绘图服务部署

类似如Visio的工具，目前体验比较好的有 DrawIO，也是开源的，可以直接部署到自己的服务器上，在浏览器中绘图，快速轻便,易于分享。

1	docker run -it --rm --name="draw" -p 8080:8080 -p 8443:8443 jgraph/draw.io

在浏览器中打开指定端口地址即可开始绘制。

python使用深度神经网络实现识别暹罗与英短

Mon, 05 Feb 2018 11:25:59 CST

先来上两张图看看那种猫是暹罗？那种猫是英短？
第一张暹罗

第二张英短

你以后是不是可以识别了暹罗和英短了？大概能，好像又不能。这是因为素材太少了，我们看这两张图能分别提取出来短特征太少了。那如果我们暹罗短放100张图，英短放100张图给大家参考，再给一张暹罗或者英短短照片是不是就能识别出来是那种猫了，即使不能完全认出来，是不是也有90%可能是可以猜猜对。那么如果提供500张暹罗500张英短短图片呢，是不是猜对的概率可以更高？
我们是怎么识别暹罗和英短的呢？当然是先归纳两种猫的特征如面部颜色分布、眼睛的颜色等等，当再有一张要识别短图片时，我们就看看面部颜色分布、眼睛颜色是不是可暹罗的特征一致。
同样把识别暹罗和英短的方法教给计算机后，是不是计算机也可以识别这两种猫？
那么计算机是怎么识别图像的呢？先来看一下计算机是怎么存储图像的。

图像在计算机里是一堆按顺序排列的数字，1到255，这是一个只有黑白色的图，但是颜色千变万化离不开三原色——红绿蓝。

这样，一张图片在计算机里就是一个长方体！depth为3的长方体。每一层都是1到255的数字。
让计算机识别图片，就要先让计算机了解它要识别短图片有那些特征。提取图片中的特征就是识别图片要做的主要工作。
下面就该主角出场了，卷及神经网络(Convolutional Neural Network, CNN).
最简单的卷积神经网络就长下面的样子。

分为输入、卷积层、池化层(采样层)、全连接和输出。每一层都将最重要的识别信息进行压缩，并传导至下一层。
卷积层：帮助提取特征，越深(层数多)的卷积神经网络会提取越具体的特征，越浅的网络提取越浅显的特征。
池化层：减少图片的分辨率，减少特征映射。
全连接：扁平化图片特征，将图片当成数组，并将像素值当作预测图像中数值的特征。
•卷积层
卷积层从图片中提取特征，图片在计算机中就上按我们上面说的格式存储的（长方体），先取一层提取特征，怎么提取？使用卷积核（权值）。做如下短操作：

观察左右两个矩阵，矩阵大小从6×6 变成了 4×4，但数字的大小分布好像还是一致的。看下真实图片：

图片好像变模糊了，但这两个图片大小没变是怎么回事呢？其实是用了如下的方式：same padding

在6×6的矩阵周围加了一圈0，再做卷积的时候得到的还是一个6×6的矩阵，为什么加一圈0这个和卷积核大小、步长和边界有关。自己算吧。
上面是在一个6×6的矩阵上使用3X3的矩阵做的演示。在真实的图片上做卷积是什么样的呢？如下图：

对一个32x32x3的图使用10个5x5x3的filter做卷积得到一个28x28x10的激活图(激活图是卷积层的输出).
•池化层
减少图片的分辨率，减少特征映射。怎么减少的呢？
池化在每一个纵深维度上独自完成，因此图像的纵深保持不变。池化层的最常见形式是最大池化。
可以看到图像明显的变小了。如图：

在激活图的每一层的二维矩阵上按2×2提取最大值得到新的图。真实效果如下：

随着卷积层和池化层的增加，对应滤波器检测的特征就更加复杂。随着累积，就可以检测越来越复杂的特征。这里还有一个卷积核优化的问题，多次训练优化卷积核。
下面使用apple的卷积神经网络框架TuriCreate实现区分暹罗和英短。(先说一下我是在win10下装的熬夜把电脑重装了不下3次，系统要有wls,不要用企业版，mac系统和ubuntu系统下安装turicreae比较方便)
首先准备训练用图片暹罗50张，英短50长。测试用图片10张。
上代码：（开发工具anaconda，python 2.7）

数据放到了h盘image目录下，我是在win10下装的ubuntu,所以h盘挂在mnt/下。

test的文件：(x指暹罗，y指英短，这样命名是为了代码里给测试图片区分猫咪类型)

test_data[‘label’] = test_data[‘path’].apply(lambda path: ‘xianluo’ if ‘x’ in path else ‘yingduan’)
第一次结果如下：

训练精度0.955 验证精度才0.75 正确率才0.5。好吧，看来是学习得太少，得上三年高考五年模拟版，将暹罗和英短的图片都增加到100张。在看结果。

这次训练精度就达到0.987了，验证精度1.0，正确率1.0 牛逼了。
看下turicreate识别的结果：

我们实际图片上猫是：(红色为真实的猫的类型-在代码里根据图片名称标记的，绿色为识别出来的猫的类型)

可以看到两者是一致的。牛逼了训练数据才两百张图片，就可以达到这种效果。

python使用深度神经网络实现识别暹罗与英短，首发于 Cobub。

无觅推出相关文章精准广告，博客盈利新渠道

Sat, 27 Jul 2013 23:54:00 CST

什么样的广告是最不打扰用户的，博客应该投放什么样的广告，这是博主最困扰的一个问题，无觅新推出的相关文章精准广告可能会在一定程度上解决这个问题，在网站的无觅相关文章插件位置显示和当前页面最匹配的广告，无觅利用精准的关联推荐算法，将广告与资讯相关联，给文章匹配最合适的广告内容，最大限度保证用户浏览体验, 同时提升数倍点击率：

参加无觅的广告需要自行申请，在无觅网站管理中心一键申请开通之后即可，无需安装额外代码。

由于无觅的广告只是原来相关文章中的一个或两个，所以广告位置只占相关文章展示位置的一小部分。如没有相关广告与页面匹配，依旧会推荐站内文章，可提高用户浏览体验并增加网站流量。

无觅的广告平台采用 CPC 模式，也就是按用户点击次数获得收益，按照我几天的测试结果来看，大概每次点击有 0.4 元左右，相比与 Google 百度广告联盟的单价来比还是比较不错的，目前内侧期间，无觅承诺广告收益全额归网站主所有（正式发布之后，广告收益由无觅和网站主四六分成），只要达到 100 元就可以结算。

您可能也喜欢：
使用 Google DFP 广告管理系统投放和管理博客广告	博客赚钱：通过博客月赚 1000 美元不是梦	博客赚钱：如何开始一个赚钱的博客	新浪微博推出影响力分析服务：微数据	新浪微博连接：使用新浪微博登陆 WordPress 博客
无觅

>>>继续阅读无觅推出相关文章精准广告，博客盈利新渠道的全文 ...

浅谈网站字体的选择与优化

Tue, 04 Sep 2012 17:19:08 CST

如同“想要抓住男人的心，首先要抓住男人的胃”一般，想要留住浏览者，首先站长本身就要注重网站页面的布局和其他细节优化。近期Packy也是在折腾自己的主题，看了一些前端设计的资料。今天，拿《 Responsive Typography: The Basics》一文的翻译和个人的见解来与大家分享一下：选择怎样的字体适合您的网站！

响应式布局

首先，我们要知道什么是响应式布局，因为原文标题就是“响应式字体排印”嘛~百度百科告诉我们，响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。也就是现在屏幕越来越大，移动设备越来越多，你需要选择一个好的字体和样式，来兼容这些所有的设备。

响应式布局最典型的2种就是

自适应布局：分步地调整布局以适应有限种(屏幕)大小。
流体布局：持续不断地调整布局以适应各种可能的宽度。

其中的第二种是目前比较火热的布局，因此 WordPress 上出现了很多瀑布流的主题。

到底是用以往的布局方式好还是响应式布局好呢，这个要根据每个网站的内容来决定啦。如果一个纯文字的网站用瀑布流来显示文章，浏览者永无止尽的看到一堆一堆的文字，必然会感到枯燥。

选择字体

制作一款主题或建设一个网站的时候，你终究要决定用什么字体来确立网站的基调。由于每种字体都有它自己的品质要求（或限制）特定的处理方法，字体的选择会带来诸多视觉和技术上的结果。现在字体成千上万，你有很多的字体可以选择，于是找到一种合适的字体又变成一项挑战。

对于中文的网站来说，似乎没必要纠结字体，因为真正能用的字体也就那么几个…但是，同样的，不同的网站需要的字体还是不同的，这就要引入下一个话题来了解了。

衬线还是无衬线？

好了，我们这里又要解释下神马是衬线和无衬线了。

西方国家字母体系分为两类：serif 以及 sans serif。

serif 是有衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。相反的，sans serif 就没有这些额外的装饰，而且笔画的粗细差不多。

serif 字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高，sans serif 则比较醒目。在走文阅读的情况下，适合适用 serif 字体进行排版，易于换行阅读的识别性，避免发生行间的阅读错误。

sans serif 强调每一个字母，serif 更强调于一个单词。

中文字体中的宋体就是一种最标准的 serif 字体，衬线的特征非常明显。字形结构也和手写的楷书一致。因此宋体一直被做为最适合的正文字体之一。不过由于强调横竖笔画的对比，在远处观看的时候横线就被弱化，导致识别性的下降

以上的解释依旧来自百度百科。为了让大家更加直观的了解，我制了张小图，方便大家对比：

许多人还是认为，就屏幕上的字体排印，“衬线还是无衬线”这个问题本身就能回答。实际上没那么简单。与普遍观念相反，如果你设置的正文字体大于12像素，衬线和无衬线的表现就会一样好。低于12像素，衬线字体渲染的不够锐利，但反正（这把我们带到第二点）在现代的显示器上12像素实在太小。

所以你需要按照网站的字体大小需求来决定用衬线还是无衬线，因此对于字体大小我们又值得讨论下了…

大小

你的正文字体的大小并非由你的个人喜好决定。它取决于阅读距离。考虑到通常电脑要比书本远，桌面字体的尺寸需要比印刷品上使用的字体更大。

下边的插图说明，正文文本离你越远，它就应该更大。两个黑色的A和两个红色的A的尺寸相同。但由于右边放的较远，看上去更小。右图中的红色A看上去和左图中的黑色A一样大：

你把文本放得越远，它看起来就越小。文本放的越远，你需要把它设的更大来弥补一个更大的阅读距离。到底要多大，这里边也有学问。如果你没有经验，一个好用的办法是，手举一本印刷良好的书，把它放到一个能够让你舒服地阅读的距离，同时朝你的网站看来比较。

没有 Web 设计经验的平面设计师会对 Web 上良好的正文字体与印刷品相比需要达到的大小感到吃惊。注意，只有当你把它边靠边比较时它才算大，在一定距离看则不会。

如果在增大正文字体大小来匹配后，新的文字大小一开始吓到你，别担心，这是正常的。不过，一旦你习惯了它，你就不会再去用“标准”的字体大小了。

2006年开始推这些 “perspectively proportional (远视比例)”字体大小。当一开始宣扬用16像素 Georgia 做正文字体的基准引来不少愤怒的眼光和嘲笑，但现在它或多或少已经是一项共同标准。随着分辨率的不断提高，那项标准正慢慢过时。

行高和对比度

虽然正文文字大小可以通过距离观察的方法来估算，行高则需要一些调整。考虑到更大的阅读距离和（我们所说的）像素点问题，最好给屏幕文本比印刷文本更多一点的行高。140%是一个不错的基准，但当然，这取决于你所用的字体。

今天你要确保对比度不是太低（如，灰色文字在浅灰色背景上）或太花哨（如，粉红色在黄色上）。由于屏幕字体排印是设计为白底黑字，用较暗的背景会遇到点困难，但如果做的正确的话，也可以。现代高对比度屏幕让深灰色文字或浅灰色背景的使用也成为可能，取代深黑色字体加白色背景。但这也并非最重要的问题。

部分内容来自： http://informationarchitects.net/blog/responsive-typography-the-basics/

原文还有更多的讨论，关于移动设备的，如果你有兴趣可以去探索探索。

>>> 继续阅读全文 ...

欢迎关注我们关于 WordPress 技巧的微博：
新浪微博： http://weibo.com/wpjam
腾讯微博： http://t.qq.com/WordPressJam

三家移动应用发行商教你节省市场营销费用

Mon, 03 Sep 2012 10:42:02 CST

一个长期的、有效的市场推广策略并不仅仅是”烧钱”，当然，爆炸式广告、交叉推广以及第一印象都是非常重要的，不过这些策略需要在合适的时机使用才有效。

还有没有其他方法可以有效降低移动应用开发者的市场营销费用呢？三家移动应用发行商各有自己的方法。

TapTapTap-低调背后的秘密(博客营销)

开发者们可能会很想探究Camera+和TheHeis成功的秘密，表面看起来Camera+和TheHeis的发行商TapTapTap处事一贯低调，不过，在TapTapTap的博客上却是另一番景象。

下面一段话摘自TapTapTap的博客：

“在过去两年，有好几家公司一直想收购我们。从Adobe到Zynga，然后是Google，就在最近Twitter也打算把我们收归麾下。另外，我们最近一轮融资即将完成。我们不喜欢按照投资方的方式运营公司，所以我们基本上都拒绝了他们。”

开发者商业运营背后极容易忽视的一点是：目前，整个移动应用商业仍处于发展初期，所以每个人要尽量别人或其他公司的经历中学习经验。

一个独立的应用开发者要试着与别人分享你所经历过的挑战、机遇以及奇闻异事。这不是说你应该每天都去更新博客，而是在你与别人分享你的知识或者不足之处时，你可以从中得到许多促使你进步的东西。

TocaBoca-让你的游戏角色更富有生命力

什么样的应用才称得上是一款好的适合孩子们的应用，我认为主要有三点：角色富有生命力、操作简单以及高趣味性。开发者更要把应用的趣味性因素添加到市场营销策略或者活动中。

一个很好的例子就是TocaBoca的瑞典开发商Nebula，Nebula在Facebook页面添加了一个形象鲜明的人物形象。

在使用这个功能的过程中，Nebula还邀请读者订阅他们的实时通讯，鲜明的人物形象让人难以忽略这个邀请以及特价优惠信息。

这个方法可以被很好地使用，尤其是你发布带有充满生命力角色的游戏。同时，这个形象不仅仅局限游戏或者应用上，你还可以和用户建立真实的联系。

Smule-注重视频演示(视频营销)

知名音乐应用开发商Smule在发行一款应用的同时也会在YouTube上发布一个漂亮的、很酷的视频。事实上，你可以说他们通过视频很好地展示了应用或游戏的艺术性，事实证明这种方法确实提高了下载量。为应用或者游戏拍一个简短的视频要好过语言的描述，尤其是对Android/GooglePlay上的应用。

虽然iOS平台上并没有应用视频展示，但创建一个也是不错的注意。

视频演示并不需要展现出应用的方方面面，只要你的视频能制造悬念，让用户产生一探究竟的想法就够了。如果开发者想要更深一步的发展，那么你可以与那些已经有过视频制作经验，且与有一定用户规模的开发者联手行动，依靠他们的力量促进你的应用下载量。同时，你可以通过AppStore中的应用描述文本链接到视频。

来源： W3i

您可能也喜欢：
免费应用如何能比付费应用更赚钱？	高性价比是移动应用成功的秘密	以色列MoMinis凭独特移动营销平台获450万美元	移动应用推广八法	移动应用畅销四大法宝
无觅

Tumblr创始人：高中没毕业的互联网天才

Sun, 20 Jan 2013 00:29:47 CST

来源：广州日报作者：吕云

卡普成为最新一期《福布斯》杂志的封面人物。

文/图吕云

他没有上过大学，甚至连高中文凭都没有。21岁那年，他创立了自己的公司，5年后的今天，这家公司开发的轻博客Tumblr成为美国最炙手可热的社交网站，风头盖过了Facebook和Twitter，是25岁以下年轻人的社交首选。他也因此成为最新一期《福布斯》杂志的封面人物。他就是Tumblr公司的创始人戴维·卡普。

1986年7月6日，卡普出生于纽约，父亲是一位作曲家，母亲是一名小学科学课老师。11岁时，卡普开始接触网页制作教程时就为纽约的一些商家设计网站。14岁时，他进入精英公立学校布朗克斯科技高中，但是显然他的聪明程度已经超出了同龄人，他的父母也希望满足他对电脑科技的追求，于是找到了一位老朋友弗雷德·塞伯特，希望他能够帮到自己的儿子。塞伯特长期担任美国音乐电视网(MTV)的高管，他本人也经营着一家动画制作公司。

卡普参观了塞伯特的公司，立即被工程师们的工作所吸引。他开始定期拜访塞伯特的公司，直到有一天他告诉塞伯特，自己以后每天都可以来了，因为他已经辍学在家接受教育。当时，15岁的卡普还有进入电脑工程师的摇篮——麻省理工大学的梦想，想通过自学及参与一些IT开发项目更好地打动这所大学。但是，之后，这位技术天才在互联网天地如鱼得水，再也没有时间去读大学了。17岁时，卡普已经是一家育儿网站的产品主管，并拥有了一定的股权。20岁那年，这家公司被出售，他卖掉自己的股份，创立了一家软件咨询公司，应客户要求开发软件，同时也自主开发。

卡普一向对博客技术感兴趣，他跟自己的第一名员工一起开发了一个博客平台Tumblr，不仅支持文字、图片、音频、视频，还不限文字长度、不限图片数量。不到两周，就吸引了7.5万名用户，其中也有一些名人加入。去年11月，Tumblr击败微软公司的必应搜索(Bing)，跻身全球十大网站。如今，这个页面设计非常艺术化的多媒体发布平台已经拥有数千万用户，每天新创作12万篇博文，博文总数已经超过8600万篇，加上图片、视频等，发布量超过390亿，每月的页面浏览量超过200亿。近日，美国一项调查显示，它已经成为25岁以下年轻人最青睐的社交网站。

26岁的卡普净资产已经超过2亿美元。而根据目前Tumblr的火爆势头可以推测，未来他的财富会得到爆炸性增长。尽管已经跻身亿万富豪俱乐部，但卡普的生活非常低调。他的交通工具是摩托车，他新买的房子仅花费了160万美元。如今，他跟同居女友正在装修这所房子。他的女友大学念的是心理学系，但现在做了专业大厨。

您可能也喜欢：
2013，除了移动互联网，中国互联网还有什么？	如何把联合创始人踢出局？	移动互联网的草根狂欢	互联网大佬搞农业意在炒作？	在美上市中国互联网公司创始人们的学历
无觅

Hadoop书籍和网络资源介绍

Sun, 27 Jan 2013 18:54:10 CST

作者: Dong | 新浪微博：西成懂 | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明
网址: http://dongxicheng.org/mapreduce/hadoop-books/

本文介绍Hadoop Core（MapReduce和HDFS）相关的书籍和网络资源。

【Hadoop书籍】

这些书均可以从 http://ishare.iask.sina.com.cn/上下载电子版，有些书籍是作者主动开源的，另外一些是不劳而获者上传的，可用于学习，但不要盗印。

（1） Hadoop: The Definitive Guide

http://book.douban.com/subject/3220004/

Hadoop权威指南，涉及知识面非常全面的一本书，介绍了Hadoop生态系统中的各个软件，包括HDFS,MapReduce，Hive，Hbase等。截至2013年1月，该书已经出了第三版，在该版本中，添加了少量的YARN相关内容。

（2）Hadoop Operations

http://book.douban.com/subject/17458570/

这是一本Hadoop运维方面的书籍，由Cloudera员工操手，介绍了Hadoop集群从硬件选型到软件配置等方面需考虑的因素，这本书不仅介绍了Hadoop 1.0的安装和部署方法，也介绍而来最新的YARN和HDFS Federation的部署方法。个人认为，这本书是运维人员必看的书籍。

（3） Hadoop in Action

http://book.douban.com/subject/4049942/

该书属于MapReduce应用程序开发类书籍，它介绍了几种MapReduce应用程序开发方法，包括Java、Hadoop Streaming和Hadoop pipes，此外，还介绍了面向SQL和脚本语言的Hive和Pig。

（4）Pro Hadoop

http://book.douban.com/subject/3529886/

该书与Hadoop In Action类似，但涉及内容更全面，更详细，它不仅介绍了MapReduce应用程序开发方法，还给出了各种应用实例，详细介绍了各种调试方法，HDFS使用和运维等知识等。

（5）Hadoop in Practice

http://book.douban.com/subject/10748575/

该书籍是一线工程师编写的，出发点与以上几本书不同，它重在解决更加实际的问题，比如如何将数据移入或者移出HDFS，如果利用MapReduce思想解决各种问题等。

（6）MapReduce Design Patterns

http://book.douban.com/subject/11229683/

MapReduce设计模式，将MapReduce运算符抽象成设计模式，以便能够重用。

如果你想更准确地学习Hadoop知识，请一定要阅读英文原著，国内翻译的Hadoop图书是一塌糊涂。另外，国内也有人写了一些Hadoop书籍，比如《实战Hadoop：开启通向云计算的捷径》，《高可用性的HDFS：Hadoop分布式文件系统深度实践（配光盘）》，《Hadoop实战》等，这些书均可以在京东、当当、亚马逊等网站上买到，有兴趣的读者可以阅读一下。

【Hadoop网络资源】

（1）Cloudera Blog： http://blog.cloudera.com/

（2）Hortonworks Blog： http://hortonworks.com/blog/

（3）Apache Hadoop： http://hadoop.apache.org/

（4）Hadoop jira： https://issues.apache.org/jira/browse/YARN

https://issues.apache.org/jira/browse/HADOOP

https://issues.apache.org/jira/browse/HDFS

https://issues.apache.org/jira/browse/MAPREDUCE

（5） Hadoop wiki： http://wiki.apache.org/hadoop/

原创文章，转载请注明： 转载自董的博客

本文链接地址: http://dongxicheng.org/mapreduce/hadoop-books/

作者： Dong，作者介绍： http://dongxicheng.org/about/

Copyright © 2012
This feed is for personal, non-commercial use only.
The use of this feed on other websites breaches copyright. If this content is not in your news reader, it makes the page you are viewing an infringement of the copyright. (Digital Fingerprint:
)

在线问卷调研实践心得

Thu, 20 Dec 2012 16:41:58 CST

今年负责的很多项目都用到了在线问卷。今天，和大家分享一下我做在线调查的一些心得，侧重操作执行，具体包括适用需求、问卷投放、数据清洗、开放题整理以及使用报告模板。

问卷法既可用于定量研究，也可用于定性研究。当然做定性研究时，和访谈可能不太相同。我总结适宜的需求需符合以下特点：

一句话可以描述清楚的。涉及过多的用户操作、需要深挖用户的需求不适于使用问卷。如“轻博客吸引您的地方有哪些？”但是如果我们想了解用户是怎么样使用轻博客的，这个问题要分多个部分去了解，如用户怎么进入的、是否发文、发什么主题的文章等等。此时用问卷就不太适合了。
内容可转化成几个问题，尽量不超过5个。开放题过多会导致问卷回收效果差，用户填写会比较累。会错过目标用户，访谈直接定位目标用户，更合适

问卷投放：定性发送VS建立公共入口

定向发送。邀请特定用户填写问卷，筛去不符合条件的用户。如想了解参与Qing（新浪轻博客）活动用户的感受和建议，使用问卷法的话就可以提取参与过活动的用户UID，向这些UID发送消息或者在这些用户的个人页面显示问卷入口。

建立公共入口。所有看到公共入口问卷的用户均可填写问卷，面向的用户实际是访问过这个页面的用户。像改版调查、页面满意度调查以及全站性的调查都可以使用这种方式。

如果条件限制，如能提供的是公共的问卷入口，但是研究的目标用户是特定的。在这种情况可以使用题目甄别。如前面Qing活动的例子，要用公共问卷入口的话，可以加入“您是否参与过××活动？”的题目。没参加过的用户结束填写，参加过的用户继续填写。这样就可以收集到想要的信息。

数据清洗

原始数据数据拿到手后，经过清洗才可以进行统计分析。我们常用的清洗无效数据的方法有：

排重。通过问卷系统抓取到的用户信息，如IP、城市、UID等。我们的问卷系统不能自动识别用户的重复填答，所以这一步是手动完成的。
用户填答时间。时间过长或过短都视为无效问卷，问卷的长短、题型、结构不同，平均的答题时间也不同，根据问卷的具体情况对合理时间上下限做一个判定。
用户个人信息不符。如果问卷收集了性别、年龄、学历、职业、收入等用户个人信息，就可以使用这些信息进行清洗。例如，对于一个用户来说，年龄17岁以下，职业企业职员或学历是硕士及以上，则判定为无效数据；职业为中高层管理者，收入为“无收入”或“500元以下”等，则判定为无效数据；职业为家庭主妇，性别为男，则判定为无效数据。当然，没有这部分信息的话就不用这个清洗方法了。
有时候还有必要查看一下用户主观反馈，检查用户在题目“其它”这个选项上留下的反馈，是不是和给出选项相同，尤其是题目项目比较多的时候，有些用户懒得看选项就在其它中写了。

开放题答案整理

整理开放题是一项比较耗时的工作。首先大致浏览用户反馈，从问题设计的目的出发，对用户反馈划分类别。如“您在使用免费邮箱的过程中遇到过哪些问题？”按照产品性能/服务类别来划分，把用户反馈分为速度、容量、反垃圾、界面操作等，速度又可以细分为登录速度、邮件收发速度等更细节的部分。梳理好划分类别以后，就可以开始对每条反馈进行归类了。如果要对各类反馈数量做统计的话，建议给没每个类别设置编号，方便导入spss 等数据分析工具统计。

个人觉得在excel里整理开放题答案还是很方便的，文档由用户反馈和一个或多个归类列构成（如下图）。把事先梳理好的类别输入序列中（数据→数据有效性→序列，excel2007），直接勾选反馈所属的类别即可。很多时候一条反馈不止包含一个类别的信息，可以再增加一个归类列。在归类的过程中，如果发现前面漏掉了某个类别，要随时对类别结构做调整。

也可以使用类别关键字查找，如用户对邮箱速度的反馈较多，查找出带“速度”、“慢”、“卡”的反馈，了解关于速度反馈的具体内容。

使用报告模板

为了节省时间，建议使用报告模板。刚开始工作的时候没想到这一点，每次写报告都新做一个PPT，调字体、字号、找PPT模板就要耗去很长时间。其实，报告中有很多地方是可以重复利用的，不光是格式。比如项目介绍，只要根据本次调查的情况修改一下就好了。

现在我制作报告首先在以前的报告PPT中找一个和结构相近的，换上此次报告的内容，稍作调整就好了。这一点同时也适用于其它类型的研究。

以上是我今天全部的分享内容，欢迎大家交流拍砖！共同进步！

如何找到靠谱的电脑软件

Mon, 15 Jul 2013 22:35:54 CST

在目前的互联网环境下，通过搜索引擎查找你需要的软件是一件技术活，因为你永远不知道下载下来的软件是否含有病毒，是否是欺骗广告，是否所谓的破解和绿色软解只是一句谎言。当然，有360软件管家之类的工具，那么，如果你不想使用此类软件，如果你找到的软件在win7乃至win8下不兼容，或者不知道同类软件那个最好的时候，建议你看看此文。

靠谱的软件下载博客

和不靠谱的下载站相比，众多的软件博客显得可信得多，而且，许多资深的软件博客的软件数量并不见得比软件站少，这里推荐几个大家应该是耳熟能详的软件博客。

1. 异次元软件世界

很有特色的软件博客！推荐精选实用的软件，并提供相当详细且精美的图文评测。有大量绿色、实用软件及资源下载。许多软件在第一时间都可以在这里找到。

由于版权的问题，异次元软件世界现在针对许多软件并不提供下载链接，但只要你够细心就会发现，复制他们提供的软件名或者序列号然后google一下，就可以在排在第一个的结果（是一个百度空间）中找到下载链接。

据说，异次元的作者是一个MM，据说，她还拥有 iPc.me和找文件两个站，一个优秀的视频站和一个优秀的网盘搜索站。

2. 小众软件

小众软件相信也不用过多介绍，一个长期致力于分享免费、小巧、实用、有趣、绿色的软件，尤其是在换上了sofish为他们定做的现在这个主题之后，博客进入飞速发展阶段。

小众软件现在是一个多人博客，但主要作者仍然是小青蛙Scavin，一个标准的阳光帅哥，热衷于参加互联网活动，还在做 hellohost这个主机，是我的博客在搬家到阿里云之前，一直使用它们的服务器。

为什么这些知名站长不是PLMM就是帅哥呢？我终于明白为什么写了七年博客还是籍籍无名了……

3.善用佳软

和前面两个有所不同的是，善用佳软更加注重用，他也分享优秀软件，尤其注重分享“替代盗版，提升效率”的经验。你会发现他的博客可以用简陋来形容。他还和小众软件一起出了本书，就叫做善用佳软：

善用佳软的张玉新对于博客和软件的追求近乎执着，如果发现文章或者软件不好便会将其删除，记得之前在写 greenvpn的时候也曾问我使用体验如何，得知不错之后才写。更让人感动的是，张玉新同学在看到我的博客之后不但进行了捐赠，而且还跑到我老婆的淘宝店支持了一番。

靠谱的装机必备软件

最近一直在折腾装机，家里电脑和笔记本，那么，装机之后在哪里去找靠谱的各类最好的装机必备软件呢，我的方法是找小众软件。

从去年开始，小众软件就开始隔段时间评选一个类型的“ 我最喜欢的软件”，目前已经挑选了图片、音乐、视频、杀毒、误删除、系统清理、拼音、翻译、快速启动等10个方面的“最喜欢”软件，而且还在持续更新中，这种由用户推荐出来的软件可能比许多专业评测之类的要靠谱得多，而且真的足够小众。

善用微博找到需要的软件

话说我的电脑在XP时代C盘大多都是20G容量，而今升级至win7乃至win8的时候，立刻赶脚容量吃紧，长期红色警戒，于是，想寻找一款无损调整分区大小的工具。

然而，之前在XP上很好用的分区魔术师（partition magic）、diskgenius、易我分区大师等在win8下纷纷表示无能为力，不能兼容，最终求助于小众软件的众多读者，终于找到了一款合适的应用：Acronis Disk Director Suite。

事实上，在微博上求助@小众软件、@善用佳软或者是异次元，他们一般都会回应的，可能直接给你解答，也可能转发给他们的读者获取靠谱的帮助，总之会得到圆满的解决。

最后，还想啰嗦一下，尽管微博信息现在的价值已经没有以前那么凸显了，但是有时候还是有点用的，比如：

你想找一本电子书，但是却搜索不到，或者找不到好的版本，那么在微博上@没我找不到的电子书，让他们去找，你坐享其成就ok了。

你想到一些其他千奇百怪的问题，但是苦于找不到答案，那么，可以@知乎或者用关键词 #提问知乎君#，很快就会得到解答。

支持作者 | 媳妇的淘宝店

也许您还喜欢：
不凸墙如何更好的使用Google	介绍几个下载高清电影的好网站	推荐几个值得关注的微信公众号	ifttt用法集锦（附邀请）	一个黄色小故事
无觅

2012年SAS公司博客排名

Sun, 24 Feb 2013 09:15:13 CST

想要了解和学习 SAS 产品的同学，一定要看看这个博客排名，因为这里有你需要的绝大部分资料，从数据处理、图形显示、分析、培训到最新的技术和产品信息。

前10名:

1. The Do Loop
Rick Wicklin, 博士, SAS 公司计算统计学方面资深研发人员，PROC IML 和 SAS/IML Studio 的首席开发工程师。精通计算统计学、统计图形、现代统计分析方法，是 Statistical Programming with SAS/IML Software 这本书的作者。

博客热词：
Bootstrap and Resampling Data Analysis Efficiency Getting Started Just for Fun Matrix Computations Numerical Analysis Reading and Writing Data Sampling and Simulation SAS/IML Studio SAS Programming Statistical Graphics Statistical Programming Statistical Thinking Tips and Techniques

2. The SAS Dummy
Chris Hemedinger, SAS 公司全球服务部门的技术架构师，隶属于 SAS 专家服务部门。他是畅销书 SAS for Dummies 的作者之一（该书国内有卖，但是没有翻译成中文），并且是 SAS® Enterprise Guide® discussion forum 的积极参与者。

博客热词：
.net 64-bit automation computer science education Computer Science Education Week csedweek data sets excel excel 2007 facebook formats gptw great places to work information maps macro programming ODS Graphics PowerShell SAS/ACCESS PC Files SAS 9.2 sas 9.3 sas administration SAS BI SAS blog SAS business analytics sasCommunity.org SAS custom tasks SAS dummy SAS Enterprise Guide SAS Forum SAS global forum SAS GloFo SAS in the news SAS life SAS Professionals SAS program editor SAS programming SAS social media SAS support SAS tips SAS wayback machine SGPLOT sql Technology twitter version 4.3

3. JMP blog

SAS 公司 JMP 软件的官方博客，博客内容由 JMP 研发、市场、培训、技术支持和销售团队全力打造。JMP 是一款深受客户喜爱的产品，从其博客排名也可看出这点。

博客热词：
Academic Add-Ins Analytical Application Development Analytics Background Maps Clinical Clinical Trials Control Charts Customer Stories Data Visualization Design of Experiments (DOE) Discovery Discovery Summit Discovery Summit Keynote Exploratory Data Analysis Fraud Detection Genomics Innovators’ Summit Interactive Data Mining iPad app JMP – Customer Stories JMP – General JMP 7 JMP 8 JMP 9 JMP 10 JMP Clinical JMP Genomics JMP Pro JMP Scripting Language JMP User Conference Life Sciences Modeling People Behind JMP Quality Improvement Reliability SAS Global Forum SAS Integration Statistics Tips and Tricks Training Users Groups Visual Six Sigma Voice of the Customer (VOC) Webcast

4. The SAS Training Post
SAS 公司各种培训资料和信息，包括一些分析会议的信息。

博客热词：
analytics analytics conference business intelligence career Cary certification custom customizing data analysis data mining data step e-Learning email enterprise guide estimate statement excel exchanging ideas forecasting gmap graphics how to learn sas JMP jobs macros map maps miss sas answers ods ods document ods pdf proc sql programming programming efficiency sas sas/graph sas global forum SAS Jedi SAS macro sas ondemand for professionals sas programming 1: essentials sas training SAS Web Report Studio statistical training statistics tips and tricks

5. SAS Voices
去过 SAS China 的人恐怕都看到过 SAS COM 这本杂志，这个博客的内容远多于 SAS COM。

6. The SAS Book Shelf
SAS 公司出版发行的书讯，就是书比较贵，钱少的同学可以去百度文库上搜搜电子书。

7. Real BI for Real Users
Angela Hall，SAS Solutions On-Demand 部门，管理一个团队，负责 SAS Fraud Framework（欺诈管理框架）开发。 Angela 是 Building Business Intelligence using SAS: Content Development Examples 和 The 50 Keys to Learning SAS Stored Processes 这两本书的作者之一。

博客热词：
Access Engine Add-In to MS Office Administration Analysis BI Dashboard Business Intelligence DI Studio Enterprise Guide GRID IIS Information Maps Installations jBoss Management Console Maps Metadata ODS OLAP Portal Prompts SAS 9.2 SAS 9.3 SAS BI Book SASGF Security SGF Stored Processes Twitter Web Report Studio

8. SAS Users Group
面向 SAS 全球用户组，内容涉及全球用户大会、发表的论文等等。

博客热词：
analytics big data business analytics business intelligence call for papers chris hemedinger data mining data step Debbie Buck Friday’s Innovation Inspiration high-performance analytics IFSUG Inside SAS Global Forum local users groups macro MWSUG NESUG papers & presentations personal agenda builder PharmaSUG posters proc programming SAS-L SAS Administrators sascommunity.org sas enterprise guide SAS Global Forum sas presenters series SAS Rock Stars sas training scsug SESUG sneak peek social media social media analytics statistics student ambassador program student scholarship programs tips & techniques twitter Unofficial Official Guide US Regional Conferences video wuss

9. Graphically Speaking
SAS 公司图形显示方面专业的博客，内容由多名 SAS 专家提供。图形显示是一个既有创新又有行业标准的工作，想用 SAS 生成各种漂亮专业的图形，从这里开始可以令你事半功倍。

博客热词：
AE timeline Axis Offsets Band Plot BarChart Bar Chart Box Plot Clinical Graphs Cluster Cluster Groups DiscreteLegend Discrete Offset Dot Plot Forest Plot Groups GTL Heatmap HighLow Plot Histogram Layout Lattice Layout Overlay Log axis MarkerChar MarkerCharacter NBSP non-proportional Font ODS Graphics ODS Graphics Designer Overlay Pie Chart Proc SGPANEL Scatter Scatter Plot ScatterPlot Scatter Plot Matrix Series Series Plot SGPLOT SGPLOT procedure SG Procedures Tips VBAR VBARPARM Vector Plot XAxis YAxis

10. Information Architect
SAS 公司数据整合产品对外的博客，上面有关于数据整合、Dataflux 产品、大数据、高性能分析等所有跟数据处理相关的内容。

博客热词：
allanalytics analytic center of excellence analytics Anne Milley Becky Graebe big data Big data analytics business analytics business intelligence business IT alignment CIO cloud collaboration data driven decision making data federation dataflux data governance data integration Data Integration Studio data management data migration data preperation data quality data storage gartner hadoop high-performance analytics high-performance computing information management information overload information strategy innovation insurance IT Mark Troester mobile nrf power series retail risk SaaS sas sas/access Stuart Rose TDWI

如何用 WordPress 写出一篇“好看”的文章

Sun, 03 Mar 2013 23:16:05 CST

一篇文章是否好看，无非在于两方面，第一个就是文章本身的内容，另一个就是文章显示的排版布局。潜行者m博客自创建以来，也已经过去了近两年的时间，这其中积攒了很多在 WordPress 写作的经验，特别是在文字排版这块。回首观看，早期的文章质量比现在的要差远了，本文就是总结一下对于使用 WordPress 写作文章排版的经验。

一些基础知识

在后台编写文章通常使用可视化的编辑器，你看到的排版布局就是比较具体的效果，但实际上数据是用 HTML 结构来记载的。例如，当你回车换行，那么在换行的地方系统就会加上一个段落标签（<p>），当你插入一个连接的时候，用的就是锚标记（<a>）。HTML 是具有语义性的，根据 HTML 的语义性写出的一篇文章，对于 SEO 、排版都有好处。此外，WordPress 主题的作者，通常也会针对这些结构进行一些设计和样式处理，会使其显示的效果更好。

用标题划分文章层次

标题标签（<hn>）是非常重要的一个 HTML 标签，它对于 SEO 也有很重要的作用。通常用它来划分文章的层次。写一篇文章，肯定要有一定的层次，也就是所谓的大论点、小论点等。通常的文章一般具有三个层次：文章标题、大标题、小标题，通常来说，对应的标签是 h1、h2、h3。对于有的主题来说，设计者会用 h2 作为文章标题，这点也需要注意。标题标签一共有六个（h1-6），分别代表不同的重要等级，实际应用当中，只会使用 h1-3。需要注意以下两点：

内文标题层次不要高于文章标题。如果文章标题使用了 h1，那么内文大标题只能使用 h2。
小标题包含在大标题中。分清楚小标题属于哪个大标题属于什么层次，不能把小标题和大标题的层次混合。

合理的使用标题划分文章层次，可以让文章变得更容易理解，对阅读者和 SEO 都有好处，更有一些插件可以根据文章的标题建立目录层次，例如水煮鱼开发的 TOC 文章目录插件。

对于重要的文字进行加重处理

这一点大家都知道，不再赘述。但是要注意的一点，只对非常重要的关键词进行加重，加重的效果通常是文字加粗，这样可以吸引浏览者的目光，如果太多的话，就会分散阅读者的注意力，要尽可能的少。下图就是个加太多的例子。

善用有序和无序列表

如果你在文中写的内容具有明显的并排性，可以作为一个列表，那么一定要使用无序列表（<ul>）或者有序列表（<ol>）。无序列表就是指没有顺序的列表。如果你想列举某项产品有什么样的有点，或者是一些赛事列表，那么你应该使用无序列表。有序列表是指一些有顺序的并排信息。如果你想写一下使用某个软件的四个步骤，或者是发布一个有明确顺序的资源列表，那么就用无序列表。

见过很多文章会对一些并排性的内容，手动编写诸如 1、2、3 之类的编号，其实这是错误的，应该使用有序列表， CSS 自动添加编号上去。

善用空格

空格是文章中比不可少的一部分，但是很多人用空格的方法是错误的。空格不是用来排版的，它不像是在 Word 之类的软件里面，使用空格在段落的开头空开两格。中文的写作习惯是在文章段落的开头，空开两个字符，这空开的距离，并不应该使用空格来实现，而是使用 CSS 对段落标签增加属性 text-indent 来实现的。这个是主题设计者的工作，如果你用的主题并没有做这个，那就不会自动空开了，你只能自己修改 CSS 或者用空格模拟空出两字的效果，但这是不合理的。

那么空格究竟要用在什么地方呢？用在重要的关键词上面，特别是英文关键词。英文在中文文章中是个不太好处理的东西，绝大多数的作者会直接把英文字母和中文混写在一起，但是这样的显示效果并不好。具体对比效果如下图

在稍微重要的关键词的两边，我加了两个空格，稍稍加一点距离，对于英文单词，除了空格之外还对首字母进行大写，两条文字一对比效果很明显就可以看出来。

标注文章引用内容

有的文章可能会引用一些其他文章的资料、名人名言等，这样就需要选中这块文字，点击“块引用”，这样就可以告诉阅读者，这是一块来自他人的内容，我引用过来的。

用预格式化描述代码等有格式的内容

例如一段代码，通常有换行、空格之类的用来保持代码的结构，如果以普通的文字发布，可能会破坏这个结构，所以要用预格式化。

使用其他修饰的注意事项

其他的文字修饰还有很多，包括：斜体、删除线、下划线、颜色、字体大小等。这些文字修饰要慎用，用多了，会让阅读者感觉杂乱影响阅读心情。就颜色来说，一篇文章中最多不要超过两种颜色。

尽量多的使用图片

虽然不能极端的说没有图片的文章不是好文章，但是一篇好文章是肯定有图片的。文章中的图片主要有以下两个用处：

与文章内容相符增强文章表现力
缓和阅读中的视觉疲惫

所以，文章中，要尽量配图。配图也要跟文章主题相符合，例如：介绍人物的文章，配张人物图片；介绍软件的，配张软件截图；写心情生活类的，可以配张唯美的图片等等。

用心去写文章

一篇文章最吸引人的是文章的内容，再好的排版，没有好的内容，人们也不会去看的。所以要用心去写文章。

写之前有明确的目的（介绍自己的写作排版经验），有一个大体的构思（包括写哪几部分），然后觉得写出来会给阅读者一定的帮助，这时候就开始动手写。写的过程中，按照之前的构思，列出大纲和知识点收集整理相关资料，然后针对每个知识点去截图或者用 PS 作图来更形象的描述这个问题。写完并且上传图片之后，还要反复检查两边，看看是否有废话、错别字以及没介绍清楚的地方。

就本文而言，本人用了两个小时的时间来写作，为写出一篇有价值的文章，付出这些是值得的。

一个反例

下图是从所谓刚子博客上截取的，是一篇被我缩小的文章，整体是一大段文字没有任何的段落层次、修饰、图片，是一个非常好的反例。

如果只是一篇短小的文字，这样是可以的，如果是一篇很长的文字，不免让阅读者疲惫。

写在最后

用 WordPress 写出一篇好看的文章，首先要用心去写，写出一篇高质量、有阅读价值的文章，其次要对文章不同的内容进行修饰。本文就介绍了一些写作经验。

至于文章内容具体的修饰样式，是根据你用的 WordPress 主题而定。本人的原创主题 Qetro 就对文字的排版进行了一定的优化，如果你的博客写文字比较多一点，不妨试用一下看看效果。 ^_^

>>>继续阅读如何用 WordPress 写出一篇“好看”的文章的全文 ...

微博Mac客户端的设计之殇

Fri, 30 Nov 2012 10:43:59 CST

事实上，微博已经一点也不微了。

图片、视频、音乐、投票、微刊、问答等一系列的附加功能，已经让微博流动的时间线早早的远离了只有简洁文字的时代，甚至于“聪明”的中国人还发明了“长微博”这种东西，以应对每条微博140字的限制。

在长微博最开始出现的时候，那时候发长微博的人起码会在内容里留一个内容网页链接，以便内容更好的传播更好的阅读；但是现在，微博上大部分发长微博的人已经不再留内容链接了，甚至于这些内容本身只存在于长微博这么一个小图片里，而没有其它的落脚处。很多本身很好的内容，就这样被长微博给毁了，本来可以流传更广的内容，就这样被长微博限在了微博里。

以至于，微博与外面的世界，快要形成一个断层。

图片，可以做为文字的一个延伸说明或是配饰，但决不能做为文字的载体存在！

微博的复杂度已经快超越以前的博客时代了，而唯一的不同，也许是在于信息的高速流动。

为这样一个复杂的微博做客户端设计，显然会有更多的顾虑与限制。但很可惜的是，现在国内出的几款Mac版的微博客户端却没有看到对这些附加杂乱元素的限制处理，而更多的只是一味的照搬Twitter for Mac的设计架构与样式。

Twitter可以了为了信息的简洁与高速流通，甚至一度连图片功能都不提供，只能靠第三方来进行图片的分享。虽然后来进行了功能升级改版，也提供了图片、视频甚至于是iTunes信息等展示，但对这些附加内容也做了很大的限制，以保证文字是绝对的主体。

对于这样两个本质上有不同的产品，拥有更复杂的架构的产品在设计上却去照搬简单的那个，这是一件很可笑的事情。

君不见，Twitter for Mac上每一条信息的高度都不会相差很大，一溜的用户头像排列下来很整齐；再回到微博Mac端，两个用户头像可以相临也可以相隔十万八千里，中间杵着张又细又长搁哪哪闹心的图片。再加上对功能的追求，各种尾巴以及附加信息的显示，狭小的空间里塞满了内容！

Twitter的简洁维持，微博的功能延伸扩展，这是两个不同的产物，存在于两个不同的世界里！

不同的架构、不同的顾虑、不同的限制，做不同的设计！

微讯:月7500万访问量的国外科技博客ReadWriteWeb 被SAY Media网络营销公司收购!

Thu, 15 Dec 2011 00:07:50 CST

TechFrom科技源 12.14日，国外著名的科技博客 ReadWriteWeb 被著名的数字和网络营销公司 SAY Media 收购，具体收购金额不详。科技博客 ReadWriteWeb 是一个偏向于技术的观点分析和点评类科技博客，成立于 2003年 4月，创始人是 Richard MacManus，目前月访问量是7500万，目前全球 Alexa 排名 2006（截止2011.12.14日）。

相对于之前的科技博客 TechCrunch，和著名博客媒体Mashable ，ReadWriteWeb 的排名和访问量要低很多。

而关于 SAY Media网络营销公司，SAY Media 提供的服务能够覆盖到全球 5亿人，通过该公司为品牌和企业等用户提供综合营销方案，SAY Media 拥有多个数字营销产品。今年已经收购了2个博客类媒体 Dogster 和 Remodelista 。

TechFrom科技源推荐：

谷歌旗下的Youtube 收购音乐版权保护公司RightsFlow

2009网络营销几个案例，你知道几个？

美FTC批准Google收购AdMob交易

英文写作资源－最好的100个英文写作博客

无觅

2011年50个美丽免费的WordPress主题

Tue, 13 Dec 2011 15:24:28 CST

wordpress是最早期的博客应用程序，相信很多网络极客都会把手玩过。它之所以能成为运用最广泛的独立博客最重要的原因是它的开源模式。当然，随着时间流逝，wordpress已经不是只有极客才能把玩的程序。极其简单的安装方式让很多非专业的人士都可以轻松的搭建起自己的网站和公司的网站。你可以根据自己的喜好来挑选主题，这是所有安装wordpress人最钟爱的环节，挑选一款自己喜欢的皮肤，有着个性的布局，然后在世界任何有网络的地方都能够看到自己的网站，那是一种简单的幸福吧。如果你也想这样，那么就赶快去尝试下吧。下面是我们分享出来的50个非常优秀的wordpress皮肤主题。都是世界各地的爱好者的杰作，你可以免费下载来使用，是不是很酷呢！

GazpoMag（演示 | 下载）

Balita（演示 | 下载）

Amaranthine（演示 | 下载）

Splendio（演示 | 下载）

Mercurable（演示 | 下载）

Fotofolio Landscape（演示 | 下载）

Big Square（演示 | 下载）

Rodster（演示 | 下载）

Fungus（演示 | 下载）

Swiss Design WordPress Themes (4 Themes)（演示 | 下载）

Spectacular（演示 | 下载）

WordPress Anniversary Theme（演示 | 下载）

Parallax（演示 | 下载）

Delle（演示 | 下载）

Smacks（演示 | 下载）

Triton Lite（演示 | 下载）

日记主题（演示 | 下载）

Shuttershot（演示 | 下载）

MyPhoto（演示 | 下载）

MyCorp（演示 | 下载）

Primary（演示 | 下载）

Feature（演示 | 下载）

ShowTime（演示 | 下载）

Lodge（演示 | 下载）

GameNation（演示 | 下载）

Minimatica（演示 | 下载）

Placeholder（演示 | 下载）

Navly（演示 | 下载）

Cobera（演示 | 下载）

The Blog（演示 | 下载）

Gabix（演示 | 下载）

Denitto（演示 | 下载）

CleanMag（演示 | 下载）

MiniFolio（演示 | 下载）

Libera（演示 | 下载）

PhotoClick Theme（演示 | 下载）

CarStar（演示 | 下载）

Linedy（演示 | 下载）

GamePassion（演示 | 下载）

Octopink（演示 | 下载）

Fines（演示 | 下载）

Masutoliso Magazine（演示 | 下载）

Zest（演示 | 下载）

Monochrome（演示 | 下载）

Momento（演示 | 下载）

Pink Touch 2（演示 | 下载）

SuvNews（演示 | 下载）

SolidStart（演示 | 下载）

Camino（演示 | 下载）

Via

无觅猜您也喜欢：
2010年250款免费WordPress主题	免费的WordPress的主题	免费wordpress圣诞新年主题	55个免费新鲜的高品质WordPress主题
来自无觅网络的相关文章：
wordpress免费主题集合 (@sudasuta)	26个免费的杂志类型的wordpress专业主题设计 (@sudasuta)	2009年5月发布的30多个wordpress主题 (@sudasuta)	28个免费的带有高质量纹理背景的WordPress主题 (@sudasuta)
无觅

浅谈如何打造完美的个人博客之我见

Wed, 21 Dec 2011 13:07:00 CST

个人博客对于站长几乎是人手一个，就像QQ对于上网用户来说一样。其中博客的作用非常之大，可以与其他站长分享自己的经验，还可以利用博客提高自己的知名度。而一些SEOer为了可以接更多的优化单子，利用博客来讲解自己的经验。那么怎么打造完美的个人博客呢?今天笔者用实例来讲解一下：

　一、清晰的网站首页

　　咱们从上图可以看到，卢松松的博客的界面非常有清晰度，而且看起来也是非常的舒服，这样更利于用户访问博客吧。还有评论和日期都特别的大号，而且更显得突出，这样可以吸引用户查看最新的博文，也可以知道有多少用户评论了博文。一般笔者浏览博客也是通过看评论数量进行阅读的，毕竟这样可以使自己更有兴趣浏览嘛。

　二、阅读排行榜

　　这个版块在个人博客中占据着非常重要的位置，而且它更利于引导用户深入的阅读博文。如笔者在访问博客时一般都是看看哪些阅读量比较大的，这样可以知道哪些内容比较精彩。而这点跟标题党的力量差不多吧。人就是这样一种动物，喜欢看别人觉得精彩的文章，所以，利用阅读排行榜更容易引导用户深入访问博客内容。只要稍微懂得一点心理知识的人都知道，这是人的一种跟风的心态，那么咱们要利用这个心理来实现高PV值的博客并不是梦。

三、个性化的评论

　　每个用户都有一丝丝的虚荣心，都希望别人可以采纳自己的观点或者意见。那么在评论文本框中加入一些可以给予用户虚荣心满足的文字，自然更能激起用户的评论兴趣了。上图中所示的是卢哥的博客评论框，看到红色的字了吧，如果是你的话，当你看到这样的文字，会不会有一种要留下自己的观点的冲动呢?笔者就会有的。所以，一个小小的评论框背景中的文字，也会影响到用户能否留下自己的观点。而判断博客的质量和受欢迎度时，评论的数量也是其中的一个因素来的。

　四、图文式的博客内容

　　还是以卢哥的博客为例来讲解图文式的内容的好处吧。撰写博客内容时，最忌的是使用纯文字形式的，这样很容易让用户产生审美疲劳而且只有文字的博文容易让内容缺乏感情色彩。所以，利用图文式的撰写内容可以有效的解决这两个因素。而且通过图片加以文字的说明形式更容易让用户了解到文章的核心内容，所以，笔者一直推荐不管是网站还是博客，尽量的使用图文形式的内容，这样也可以利于用户阅读并且让用户更深的置身于内容中。

　　笔者对打造完美博客的理解就讲到这里，在最后笔者再提醒一句，要想从众多的博客群中脱颖而出，一定要拥有别人没有的优势，如果没有优势，那么细节一定要比别人做得更好，而且还不能脱离良好的用户体验。这样才能更有效的打造出完美型的个人独立博客。本文由http://www.qktsw.com乾坤听书网独家供稿，转载请注明。谢谢!

来源: 乾坤听书网作者: 恩恩爱爱

请使用 FeedBurner订阅本博客. FeedSky已不更新, 谢谢.

来源：微博之博 | 原文链接

1. 超值ipage主机返佣率高达120%！
2. 转发微博，转发博客，转发QQ空间,开心网，人人网帖子可以赚钱了,注册认证即可！
3. 推荐一个省钱网站—#返还网#，在淘宝、京东、凡客等网站购物后还可返还1.5%至30%的现金!

无觅猜您也喜欢：
博客营销与微博营销两者可否兼得	介于微博和博客之间的Webdoc	独立博客未死	博客不能承受之轻	让博客相形见拙？悄然出现的轻博客
无觅

轻博客的巨头之境: WordPress vs. Tumblr

Fri, 17 Feb 2012 14:27:00 CST

轻博客( Tumblogging)：博文短小、支持多媒体，近几年广受好评。 Tumblr就是一个家喻户晓的轻博客平台，然而不一定非要纯种，时下也有很多可以将WordPress轻博客化的WP主题可供选择。

对于不想长篇大论但是想分享照片、音乐、视频等内容的博主来说，轻博客不失为上上之选。相比经营一个常规博客而言，经营轻博客没有什么太大的压力，是一种随意的存在。问题就是选用什么样的轻博客平台。

是选Tumblr还是自托管的WordPress式轻博客，亦或是还有其他平台？

WordPress轻博客化

自从WordPress 3.0发布以来，博主就可以添加自定义发布类型了，这样就为创建轻博客提供了无限可能。博主可以为视频、照片、音频、引用、文本及其他类型的发布内容设置自定义格式。现在对于开发商来说创建像Tumblr这样的轻博客主题也更加容易了。这就消除了以往用WordPress进行轻博客式发布的劣势了。

WooTumblog是一款把Wordpress轻博客化的插件。只要安装插件，WooTubmlog就会赋予WP一个十足的轻博客发布后台了：文章、图片、链接、音频、视频等等各种形式。

WordPress最大的优势是自托管，由博主本人掌握内容大权，个性化自己的网站，想怎么玩就怎么玩，绝对可以满足你的控制欲。

WordPress的美中不足

当然，手握自主权也意味着百分百经营的责任。不仅仅是更新博文，还要时刻确保网站安全、插件的更新、检查恶意代码等等。这些说起来容易，真正做起来挺费功夫的。

WordPress还有个缺点：成本高，不像Tumblr是免费的。首先至少需要一个基本的虚拟主机，选最最普通的服务商每个月也要好几刀。尤其当考虑到每个轻博客网站的基本媒介流量时，流量越高，你的成本也越高。

7种WP轻博客式主题

市面上有很多WP轻博客式主题，在此推荐5个最好用的。

CoPilot

Waves

Crisp

Tapestry Child Theme

My Journey

Salju(free)

Tumble Ten(free)

如果想原创一款主题， Digging Into WordPress上有很多教程供参考，包括自制发布代码。

和Tumblr一起“亲”博客

如今Tumblr已形成了一个庞大的用户社群：将近120亿篇发布内容，超过3200万篇轻博文，频率为3900万篇/天。

Tumblr最大的优势在于托管服务与免费兼备，博主只需尽情的自我发挥。还有足够多的免费主题包，或者博主自制CSS、HTML代码DIY主题。

另外，Tumlbr拥有活跃的用户社群，这使得在Tumblr上查找信息特别容易，博主可以即使收藏、评论或者直接转发相关信息。这点是自托管服务的WordPress不能驾驭的(可能永远都做不到)。如果想加入轻博客社群中，那就赶紧牵手Tumblr“亲”博客吧。

Tumblr的分享中转站

Tumblr有个Goodies页面：分享中转站，可连接到移动终端(iPhone，黑莓和安卓等)的应用程序、Mac备份工具、 Facebook、 Twitter以及小书签(Bookmarklet)，实现即时分享。

Tumblr的美中不足

Tumblr的痛在于Tumblr的生死决定着用户发布内容的命运。Tumblr现在故障频繁，尽管近几个月似乎已清除干净。如果是自托管服务器，只要有个好的虚拟主机，一般不会遇到类似问题。

因而托管服务是把双刃剑，托管意味着用户对内容没有最终掌控权。如果哪天Tumblr突然关了，恢复用户所有发布内容是无法保证的。如果他们官方的政策变动与用户行为产生了冲突，他们都不用警告就会直接关了这号。这也就是备份Tumblr内容的重要性，以免后患。

外卡Posterous

在一众轻博客平台中，有一个总是被人们忽视： Posterous

Posterous是一个异于同类却简单好用的博客平台。不需要在后台或类似界面发布内容，只需通过个人电邮即可直接发布(不过，他们也有后台及支持iOS和安卓的移动应用程序)。

2011年9月，Posterous推出了全新的轻博客平台Posterous Spaces。现在Posterous已对隐私控制做了整改，用户可以选择以公开或者非公开的形式发布内容。Posterous Spaces涵盖了原先Posterous的所有功能，同时增加了几款新主题及相应的配套功能，可谓将轻博客和社交网络完美整合，足以俘获大批用户。

另外，Posterous Spaces允许用户创建多个Spaces(公开或非公开)，设置访问权限(类似于MSN Spaces)。某种程度上说，它结合了Tumblr与Google+的性能。和Tumblr一样，Posterous的优点也是免费，缺点是托管服务。

如果你刚玩轻博客，那么Posterous是个不错的选择。

结论

如果没有足够时间或者不想一天到晚长篇大论，选择轻博客吧：即时发布，短小精悍，够速度。

相比于一般的博客，轻博客更随意、更私有、更细致入微。正因为如此，轻博客在网络及人们线上生活中享有着独有地位。

每个平台都有利有弊，最适合的才是最好的。

译文来源： Webdesigner Depot

编译：Antonia Huang@ DamnDigital

来源: DamnDigital

请使用 FeedBurner订阅本博客, 谢谢.

来源：微博之博 | 原文链接

真的猜你喜欢：
Tumblr：尚未被玷污	什么人适合玩微博/博客/轻博客？	招兵买马，Tumblr要自己写关于自己的新闻	WordPress与Tumblr：传统博客与轻博客之争	美国轻博客Tumblr每月页面浏览量超150亿次
无觅

50+优秀的卓越的国外设计师博客

Tue, 27 Dec 2011 13:02:25 CST

作为一名设计师，你需要跟随潮流，掌握最新的设计趋势和技术，最好的办法或许就是订阅一些优秀的设计博客，这样就可以定期的获取一些最新的设计资源和信息。这篇文章是要介绍一些老外的非常棒的web设计博客，他们的博客主要发布一些优秀的网站设计作品可以让你获取灵感，当然，他们还会不定期的发布一些优秀的设计资源、教程，新的设计趋势，艺术作品，矢量素材等关于设计的方方面面，而且还会涉及到web开发的一些技术。

这里搜集了50多个优秀的设计类博客网站，希望你能从他们的博客中学习到或者找到你想要的东西。

01. Smashing Magazine

02. Noupe

03. Specky Boy

04. Abduzeedo

05. Web Designer Depot

06. 1st Web Designer

07. Line 25

08. Trip Wire Magazine

09. Inspired MAG

10. Instant Shift

11. Six Revisions

12. Vandelay Design

13. Web Design Ledger

14. Designm

15. Hongkiat

16. Web Design Burn

17. Design Shack

18. A List Apart

19. Net Tutplus

20. Naldz Graphics

21. Onextrapixel

22. Your Inspiration Web

23. Boost Inspiration

24. Pixel 77

25. Under World Magazine

26. Smashing Share

27. Tutorial Lounge

28. Nenuno Creative

29. Designrfix

30. The Design Work

31. Land Of Web

32. Design Modo

33. Graphic Design Blender

34. From Up North

35. Blog Du Webdesign

36. Impressive Webs

37. Acris Design

38. Top Design Mag

39. Macho Arts

40. Slodive

41、 kekaku

42. Creative Overflow

43. Fuel Your Creativity

44. DJ Designer Lab

45. Web Design Fan

46. Devise Function

47. Designzzz

48. Fudge Graphics

49. 2 Experts Design

50. Spyre Studios

51. Graphic Mania

52. Macro Folio

53. Aext

path 2.0的华丽转身

Mon, 26 Dec 2011 11:39:39 CST

　　path2.0惊艳了很多人吧。敢于拒绝google一亿美金的收购，果然有留一手：）

　　她的创始人Dave Morin说新版不久就已经超过150万人下载，而老版一年才突破了100万关口。用户一天内在新版分享的内容超过老版一年的内容。

　　path2.0之后带来的用户量和活跃用户的暴增最大的功臣莫过于 界面设计和体验上的不俗表现：
1、产品定位的转变引发UI设计的调整

　　path1.0的时候大家似乎还没有看出她和instagram等等一系列社交软件明显的差异化。path2.0已经将定位清晰表达出来了： 和亲密好友分享生活日记的app(Path is the smart journal that helps you share life with the ones you love)。

　　虽然她在可添加好友数量从50暴增到150,但无论是睡眠、起床之类的个人信息分享，强化的timeline feed样式，还是只有昵称没有头像的简约，都传递出她希望和亲密的人分享自己生活日记这一中心。

　　在界面表达上，设计师也传递着这一核心定位：

对比path1.0的图标，2.0在UI上做了日记本隐喻的处理

loading时候，如日记本打开的翻页效果

2、突破ios瓶颈的架构方式

path1.0 vs. path2.0

　　在整个path的改版中，最为惊艳的还是她突破ios的一些制约，创新的一些架构模式。

　　在path1.0时，底部还是采用非常传统的tab导航方式。架构上也普普通通没有新意。

　　由于手机屏幕尺寸和手指碰触的限制，44*44像素的最小触碰尺寸造成了底部导航tab只能放少于等于5个。这对于功能的扩展造成了限制和瓶颈。

　　path2.0完全颠覆了iOS guild line的模式，采用三屏模式（左屏、主屏、右屏）

　　同时架构上凸显了这种方式具有的极好的扩展性。

　　可以假想，path在设计之初也面临添加各种其他动能（比如音乐、地点、和谁在一起、起床睡觉）时候面临，中间的拍照键不好满足的情况。因此，采用这种三屏模式，极简了主页面，主屏仅留下feed展示，和添加功能。将导航放入左侧的屏幕，增加了未来的可扩展性，同时也保证主屏幕清晰的内容：动态展现和添加我的动态，还有最新的消息提醒。

　　她深知对于消息来说，新增的消息才是重点。一方面在主屏底部显示了最新一条消息的摘要和未读消息的数量，另一方面把全部消息收在左屏的activity里面。

3、timeline的影响

　　好吧，path的创始人来自于Facebook，path2.0出场的一刹那我们就看到了Facebook的timeline的影子。Facebook的timeline也出现的在终端上了，和path几乎一模一样。先不去争辩究竟是谁抄袭的谁。path在feed的展示上格外强调时间线的展示方式。

　　在手指拖动屏幕向下滚动的同时，右侧浮现各个feed分享的时间，时钟动态的显示回转，强化了时间线（timeline）。
4、更加直观的表达

　　交互设计中，所见即所得（WYSIWYG）对于用户来说是一种最容易学习的交互模式。

　　新手任务中，用户需要添加个人cover。添加的个人信息，即时的在当前位置表达、编辑信息。之后的展示上也采用一致的布局，让用户非常清晰了解到所输入的内容结果如何，也算是“操作前结果可预知”的体现。

　　社会化网络的两大精髓：表达自我，了解他人，在个性化cover上表现的淋漓尽致。

　　另一个方面是手势的直接表达。path摒弃了除了点击（tap）以外的其他手势。对于滑动显示等其他手势来说，点击（tap）才是最直观的、优于其他操作的手势。

　　主屏左下角的+绝对是亮点。有没有想过为何放在左下角？又为什么采用弧形展开？仅仅是为了追求炫目的效果么？

　　其实对于手势来说，多数人都使用右手为利手，同时使用右手拇指单手操作。那么方便的可触碰区如下图：

右手利手的拇指可触碰区

　　图中的easy区是容易操作的区域，且成弧度展示。对于展开的6种功能平等且易操作的展示。那么path2.0的主操作，放置在左下角，采用弧度展开也有依据的。并且，她在同一个位置展开后，转变为×号，复用位置，节约操作空间。

　　除此之外，path2.0在动画效果展示上也极富爱心。loading的翻书动画，图片upload效果，音乐播放的从大到小展示，都让path的体验变得卓越。

　　The End

Thanks for kiwi‘s illustrations.

hover已死有事烧香——移动设备的hover转化

Fri, 09 Mar 2012 19:04:06 CST

　　hover是指鼠标悬浮状态，网页设计师们再熟悉不过。有时，hover是为点击区域提供更多的信息。

比如，dribbble上，hover显示作品更多信息。

　　有时，hover提供更多的操作。

qzone单条feed上面的屏蔽更多操作

　　无论用于哪种方式，即便网页中非常常见，在触屏移动设备中hover将不复存在。这倒也容易理解，因为在手机和人之间不再存在其他间接设备（比如鼠标），人们可以直接使用自己的手指触摸进行交互。

　　由此，所有在桌面web端依赖鼠标悬浮的交互体验都需要重新思考。hover出的信息往往不象点击那样重要：直接显示太过，没有他也不行。因此hover从桌面端倒手机端的转化不能忽视。

　　对于移动设备，你对于hover菜单的选择可以是： 当前页打开，点击或拨动显示，跳到另一页面，或者干脆放弃。

1、当前屏展示

　　如果hover后的内容很重要，例如重要的操作和内容，那么最好的方式就直接展示到当前页面。Twitter在其官方触屏版就是这么做的。

桌面端，将鼠标hover在twitter单条feed就会展示出几个操作：收藏，转发，回复。

Twitter认为这些操作足够重要，因此在移动触屏的体验上直接展示在屏幕上。

2、点击或滑动

　　在手机web 浏览器中，如果代码没有对hover进行特殊设置，会自动设为点击效果。如果你对于现有网站上hover所出的菜单无计可施，可以考虑将他设为默认点击展开。当然，这点上如果hover所出的菜单中操作逻辑上是指下一步那就最好了。但是这对于无疑会造成打断，使得操作进程中多了一步。

　　对于桌面端hover显示更多操作的情况。操作表（Action Sheet）也可以算作一种当前页弹出的展示方式。

　　如果hover后的操作不属于“下一步”，可以考虑拨动显示更多这种方式。不过，相对于点击，拨动手势不太直观，需要更多学习成本，最好采用一些隐喻或轻量的动画－让人们知道他应当如何操作。

　　USA Today更多内容分类采用的截字加阴影的效果，暗示用户拨动显示更多。同时，用户第一次进来的时候会显示一个右滑的动画。

　　同时提醒大伙，在使用不显而易见的手势（比如滑动）时，最好提供其他可选的方式。比如yahoo！邮箱，需要滑动的手势显示，同样支持全屏时候显示。

3、另开一页

　　如果hover所展示的信息属于扩展类型，那么在手机这么有限的屏幕下，最好把hover后的内容单独打开一页。Barnes&Noble就使用了这个方法。

Barnes&Noble把桌面端hover出现的更多信息，单独打开一页展示。

4、去掉更健康

　　如果hover菜单意义不大，就直接舍弃吧。去掉对于用户没啥价值的多余选择和信息，不仅会让你的界面更佳清爽，还让你省去多余的开发时间，所以别害怕扔掉hover。

部分翻译来自《mobile first》

再谈科技博客

Wed, 15 Feb 2012 17:54:37 CST

编者按：本文作者daidai，在爱范儿发了一篇《当科技博客遇见知乎》后在雷锋网继续谈对科技博客发展的思考，谈到了科技博客的失控以及科技博客想要什么！

之所以再谈科技博客，是想把之前未能解释清楚的一些问题说的再透彻些。专业的科技博客，是一种较难界定的媒体。问题并不在于媒体性或是内容性的分类，而是如何摆正专业博客的地位。

区别于传统媒体（包括传统网络媒体），在报道快讯中，科技博客抓住了它们采编的短板，在评论与分析中，科技博客弥补了正统研究的一些不足。这是由其专注与灵活的特性决定的。而问题就恰恰出在这种专注与灵活上。

谈科技博客的失控

.阅读器上每天都更新着事无巨细的报道，让我有更多的选择。但是科技的概念发展的越来越宽，它的专注性也变得足够的松散。关键在于，对内容类型的选择上，我们仍然不能用一种更好的标准对其进行控制。有限的编辑资源，有时候被读者对一些不确定的东西的期待，和粗略的“五大”、”十大“所占据。我不是说这些信息没有价值，而是认为它们或许有更好的表现方式。进而从源头提供一种比推荐算法更有效的信息传递。

.作为一种2.0的形态，它首先就很难明确一个具体的媒介伦理观，至少在遣词造句上，一方面某些博客喜欢滥用流行词汇和句式，这也许是流行文化和个性展示的一种表现吧；另一方面，更为主要的则是，自由的2.0精神会让人迷失对观点表达的严谨性和态度表现的适度性。科技博客更像是一群科技人每日所见所想的平台，而可能轻视了自身作为媒体的要求。

.Google Reader 或者其他一些阅读工具，往往让我不必看到文章后面恼人的评论，但是这或许也会让我错过许多精彩。与读者的有效互动，会让文章增色。可我仍然不能把握这些内容，作者很难让评论有效的加入到文章的内容中去，让读者成为合作者。一旦一个容易引起争议的话题被发出，那么评论就很难被控制。作者要么成为一名普通的讨论者，处于一种闲谈状态，要么为自身观点辩护。

这里很少有一个中立的主持人，控制场面和讨论的方向，当然直接冷场的情况要多的多（如果是微博，结果肯定更糟）。我只是想说明，科技博客对一个产品，一个事件，一个模式或者其他的内容，它的视角仍然是趋于碎片化的。散兵游勇们并不能最大化的挖掘信息，和让读者保持思考并参与其中，而仅仅是“关注到”。

科技博客想要什么

.传递资讯的目的是什么？：这是一个对受众定位的问题。不同的讯息是针对不同属性的受众群体，不管群体之间是否有交叉，我们都应该有办法对每一篇文章有细致的把握，和宏观上有意识地引导。

.真的想要启迪思想么？：给更多的人灵感，传递更多的知识与经验，确实很有意义。但是，但是片面的观点和对动态发展的认知的缺失，往往导致给人的误解。

.只是作者自我表达和个性展示的社交需要？：作为专业博客而言，我更希望见到一种去个人化和保持鲜明的组织风格的文章，否则就与其他内容源无异。

.通过广告等盈利的平台？：如果把自己当做别人的脸，那你只能看到的东西，再说出来，这和常人无异。但如果想要变成一个会思考的集体的脑，对于自己或他人，结果又会如何？

.我将kk的“技术先于人存在”，理解为规律先于人存在(或许kk，并没有表述清楚）。已有的，和正在不断涌现的产品，事件和人物，只是客观规律上分布的点，而我们真正想要看到的是整个曲线。只有抓住足够而适量点，并从整体上，宏观上去观察、思考和把握它，才能获得埋于其中的宝藏。这又是哪个科技媒体想要和敢于与我们分享的呢？

Twitter平台未来：Cards技术和视觉一致

Sun, 05 Aug 2012 12:25:47 CST

腾讯科技讯（童云）北京时间8月2日消息，美国科技博客AllThingsD近日刊载署名为迈克·艾萨克（Mike Isaac）的文章称，在过去一个月时间里的混乱形势中，人们忽略了对 Twitter的未来而言至关重要的一个因素，那就是Twitter Cards。文章指出，Cards和视觉一致性对Twitter来说是非常重要的，几乎到了能令这家公司甘冒在很大程度上疏离开发者社区的风险的地步。

以下是这篇文章的全文：

Cards和视觉一致性决定Twitter平台未来命运（腾讯科技配图）

在6月29日，Twitter产品副总裁迈克尔·希派（Michael Sippey）在公司博客上发表了一篇预见性的文章，这封439个字的文章广泛地勾勒了Twitter平台正在走向的方向。

对于这篇文章，大多数的公共注意力都集中在一段字句上，这段字句声称Twitter将在几个星期以后针对开发者合作伙伴推出更加严格的指导方针，限制外部人士使用Twitter丰富的、永无休止的数据流的方式。

这是一件大事。不计其数的小型创业公司都在依靠Twitter面向公众的推送信息生存，基于任何理由来使用它们自己业务领域中的Twitter消息。如果获取这些信息的条款发生重大改变，那么可能会对数以千计的小型创业公司的生存造成影响。这家公司并未详细说明将会推出什么样的指导方针，而且自这篇文章发表以来也几乎没有提及相关事宜。其中的关键可以用一个重复多次的词语来形容，那就是：一致性。Twitter的未来计划以在其平台上取得整体的一致性为目标。

很自然的，遍及网络各处的Twitter开发者正因此处于紧张害怕的状态。在曾与我对话的许多第三方应用开发者（这些开发者拥有十分流行的应用，但这些应用要依靠Twitter生存）中，所有人都对我说，除了希派最初发表的那篇文章以外，他们并未从Twitter那里获知任何指导方针。

在媒体争相报道Twitter最近与审查一名记者相关的争斗的同时，开发者社区中的猜测情绪仍继续泛滥，许多人都对Twitter毫无必要的保密措施提出了指责。但是，在过去一个月时间里的混乱形势中，几乎所有人都忽视了希派文章中的另一段内容，而这段内容对Twitter的未来才是至关重要的，那就是Cards。Twitter最新的Cards技术允许第三方开发者在Twitter内部创造更加丰富的、更加具有吸引力的——最重要的是，从视觉上来看具备一致性的——内容。

这段内容才真正体现了Twitter的目标，那就是：对所有用户来说丰富的、具有一致性的体验。当锤子最终落下，也就是Twitter最终改变其指导方针时，那些不能交付这种一致性的应用就不再能够与Twitter整合。据多名消息人士透露，最有可能首先无法继续与Twitter整合的应用主要包括两个类别，分别是：从根本上来说是复制Twitter数据流的第三方客户应用，比如说Tweetbot、Echofon和Osfoora等；以及重新渲染Twitter数据来创造一种完全不同的Twitter消息视觉体验的新闻阅读应用，比如说Flipboard等。

这个答案看起来将会发生。

即将死亡的第三方客户端

打击开发者的指令直接来自于Twitter首席执行官迪克·科斯特洛（Dick Costolo）——作为这家公司的第三任首席执行官，他几乎是自上任以来就一直感受到了压力——他的责任是让这家由数亿美元风险资本支持的、估值接近80亿美元的公司实现盈利（谷歌( 微博)高管亨特·沃克（Hunter Walk）曾写过一篇相关的文章）。就目前而言，Cards是一种继续增强商业化举措的长期押注。

首先让我们来温习一下：Twitter Cards到底是什么呢？

实际上这是一种为拓展后的、富于多媒体的Twitter消息提供支持的技术。在加入一些代码行以后，出版商、品牌和开发者就能创造出更好的Twitter消息，在Twitter数据流内部展示其内容。举例来说，当AllThingsD和《纽约时报》等网站通过Twitter消息来发布指向一篇报道的链接时，一张“摘要卡”就能显示出一个更加精心设计的版本，就像是这样：

Cards和视觉一致性决定Twitter平台未来命运（腾讯科技配图）

这些开发者还能推送基于媒体的Twitter消息，其中包括在Twitter的数据流中显示的完整照片和视频等。

虽然任何开发者都可申请使用Cards，但就目前而言，仅有大型的出版商——比如说《纽约时报》、《赫芬顿邮报》（The Huffington Post）、CNet等——耐克和Nascar（全美汽车比赛协会）等大型品牌，以及Instagram和YouTube等备受瞩目的媒体应用才能利用这种技术。在初期阶段，Twitter正在限制可以使用这种技术的用户，与选定的合作伙伴一起缓慢而谨慎地推出这种最新技术。

Twitter的狡猾之处在于，目前这家公司正在依靠开发者来让其支持Cards技术的Twitter消息在官方的Twitter客户端中发布：Twitter.com、Android版和iOS版 Twitter应用，以及Twitter的移动网络站点等。

问题在于，与官方的Twitter客户端相比，其他客户端的数量要多得多，比如说Tweetbot、Echofon和Osfoora等，所有这些都是流行的客户端。就现在看来，使用Twitter Cards这种新技术的Twitter消息还没有在这些第三方客户端中展示其丰富的新形式。

对Twitter而言，这是一件可怕的事情：这家公司需要面向所有人展示这种全新的、媒体丰富的Twitter消息，而不只是面向那些使用官方Twitter客户端的用户展示。

这可能意味着那些第三方客户端的死亡之日即将到来。据多名消息人士透露，当Twitter决定最终一锤定音，推出新一代的API（应用程序接口）指导方针时，那些这些客户端剩余的日子也就很可能是屈指可数了。

我的消息人士告诉我，对许多新的聚合应用来说，情况也将是一样的，其中最著名的是非常流行的Flipboard。对Flipboard来说，不祥之兆已经出现了一段时间——甚至足以让Flipboard首席执行官、Twitter董事会成员麦克·麦丘（Mike McCue）在美国科技博客AllThingsD著名撰稿人卡拉·斯韦什尔（Kara Swisher）在5月份率先报道此事时看起来很可能放弃他的董事会席位。

多名消息人士最近向我确认称，麦丘确实已经不再是Twitter董事会成员。

质量控制

目前最令人关注的问题是：为何Cards和视觉一致性对Twitter来说如此重要？是不是Twitter对良好设计的迷恋过于极端，以至于这家公司甘冒在很大程度上疏离开发者社区的风险？

用一句话来回答这个问题的话，那就是：并非如此，但却八九不离十。希派文章中的一个段落给我们提供了进一步的暗示，可以说明“为什么”Twitter要这样做：

“Twitter Cards是我们朝着自身平台的发展方向所迈出的重要一步，涉及创造新的机会来在Twitter内部建设迷人体验的问题。也就是说，我们希望开发者能开发在Twitter消息中运行的应用。”

开发能在一个平台内部运行的应用——这听起来与你曾听过过的其他任何大型社交公司有所类似吗？

是的，没错：Cards就是Twitter版的 Facebook信息实时分享平台Open Graph。当开发者的应用与Facebook的这个信息实时分享平台整合在一起时，其外观、感觉和功能都会变得更好；相似的，当第三方开发者能使用Twitter Cards技术来在Twitter内部开发应用时，情况也会如此。正如希派所暗示的那样，图片和媒体仅仅还处在开端：Twitter希望开发者能创造各种各样的应用——但Twitter只希望开发者能按照该公司设定的条款，在Twitter的视觉限制范畴内这样去做。

实际上，虽然希派的文章像是一种警报——从某种程度上来说，确实如此——但对开发者来说，这同时也是一种“战斗的号令”，只不过是以不同于以往的一种方式来登陆Twitter的平台而已。Twitter甚至还计划采取更多措施来增强其开发者队伍，列出许多开发者“传道人”的名单，以及在其招聘站点上发布职位信息。

Twitter消息的演进方向偏离了这家公司的行事方式。从传统上来说，Twitter一直都将其服务的简约性引以为傲，也就是仅支持文本的Twitter消息。在过去几年时间里，Twitter一直都抗拒采取任何措施来令其简约的吸引力变得复杂。对这家公司来说，彻底转变方向，朝着媒体领域进发，这是一种历史性的转变——而如果Twitter不再能像一直以来那样简约，那么保持一致性就是下一种最好的保险。

这就意味着，如果其他非官方的客户端不能（或是不会）使用Cards，那么就会导致Twitter的这项计划被“腰斩”。

外观良好自有其优势所在：外观更好的Twitter消息将可向出版商返还更多流量，并吸引品牌的更多注意力；与此同时，Twitter用户也能得益于更好的体验。

但是，这并非Twitter所能获得的全部东西。丰富的Twitter消息能在品牌购买 Twitter广告时为其带来更好的投资回报。以Twitter最顶级的广告产品Promoted Tweets为例，常规的Promoted Tweet会在用户的数据流中出现，而用户可能点击这些广告，也可能不会点击；但是，如果在Promoted Tweet中加入一个嵌入式的定制应用或是视频剪辑，那么我猜想用户的参与率就会有所提高。为广告主提供能在其广告中加入更多额外卖点的机会，那么想要卖出广告就会变得更加容易。

就目前而言，Twitter正在采取一种保守的产品推介方法，与一些知名度较高的开发者合作创造精心设计的第一轮Twitter消息。这与移动应用Path最近与耐克的Nike Fuelband进行整合的方法相似——Path与一名合作伙伴展开合作，在Path应用内部创造一种良好整合的合作体验。

对平台具有支配权的优势在于：Twitter给开发者提供越少的空间，对Twitter来说就更容易在其平台内部创造更好的体验。换而言之，在平台外部进行创新的时代即将过去，现在该是在其内部进行创新的时候了。

选择

未来之路仍旧迷雾重重。现在还不清楚Twitter即将在应用程序接口方面作出的改变是否会马上彻底砍削广泛范畴的应用，也不知道开发者是否将可适应Twitter的新规则。如果Twitter能对开发者作出正确的指引，那么情况就不会变成对第三方应用的一场“大屠杀”。

多名消息人士想我透露，甚至就连Twitter自己也还举棋不定。一名消息人士称，目前这家公司正面临着一系列的选择，同时正在审视自己已经选择的道路。

其中一些选择是很简单的：消息人士称，一种选择是终止与职业社交网站LinkedIn之间的合作关系，这种选择无需费神思考，原因是Twitter在LinkedIn数据流中聚合的Twitter消息几乎没能带来任何流量（有消息人士对我说，原本这种合作伙伴会更加容易地被终止，但LinkedIn首席执行官杰夫·维纳（Jeff Weiner）打来的电话说服科斯特洛继续保持这种关系）。

消息人士透露，很可能在不久以后成为Facebook财产的Instagram（美国联邦贸易委员会已经批准了这项并购交易）也是一种容易的选择。很明显，在广告销售这一领域中，Facebook是Twitter的竞争对手之一。如果Facebook能获取Twitter的兴趣图谱，再与其社交图谱结合，那么就会让Facebook的定位广告以指数级的速度变得更好，从而对广告主来说成为一种盈利能力高得多的推广方式。

其他的决定——比如说打击那些到目前为止与Twitter有着良好合作关系的开发者和第三方应用等——则很可能并非那么容易作出的。但到目前为止，Twitter已经证明了自己的强硬态度，很有可能继续顶着指责的压力来进行自己的计划。

与此同时，Twitter还要冒上开发者撤离其平台的风险，开发者们很可能会转向Facebook或是Google+来寻求庇护，甚至还有一些新兴的平台也会浮出水面。熟知硅谷情况的道尔顿·考德威尔（Dalton Caldwell）称，随着时间的推移，广告主会不断向Twitter施加压力，而不希望承受这种压力的开发者可能会转向App.net作为收费服务。当然，这是一种极端的理想主义的猜测。

或者，开发者可能会继续自己一如既往的作法：观察，等待，然后准备接受任何可能发生的事情。

来源：腾讯科技

请使用 FeedBurner订阅本博客, 谢谢.

来源：微博之博 | 原文链接

想拥有免费15G大容量网络硬盘吗？支持多终端和自动同步，文件加密更安全，它就是【金山快盘】！

我是如何用三小时搞出个赚钱产品的？

Tue, 30 Oct 2012 17:31:24 CST

【编者按】非常规意义上的创业产品 Keynotopia的开发者 amirkhella今天讲述了其在工作之余花3个小时搞出来的产品是如何帮他赚钱的，从中他学到了不少并很乐意分享这段经历。

今天Keynotopia（一个现成iPhone、iPad UI模版分享网站，用户可以拿来直接套用在自己应用上来测试应用的视觉创意怎么样）上线已经两个月了，从去年7月一个简单的博客变成现在头60天拥有1500多个顾客，连我自己都没想到过。在讲今天的创业故事之前，我们先来回顾一下它的几个关键数据：

不超过3小时打造出上线产品原型；创业成本47.5美元，其中托管费5美元、域名费7.5美元、wordpress 主题费35美元；发布10分钟后有了第一个顾客；前60天模版下载1491次；博客原文页面访问量40894 独立访问者19235 ；链接支持769 退回产品2次登陆页的迭代共计29次

两周内搜索以下关键词在 Google排名第一： iPad prototyping, iPhone prototyping, Android prototyping, Keynote prototyping, Keynote wireframes…

我的创业故事：

当时网站上线后，我脑袋里有一连串的问题，如果没人买怎么办？把博客链到产品页面会不会被骂机会主义者？但一想到我只花了3小时将网站弄上线的，我就觉得没什么好损失的了，特别是当我想起Reid Hoffman的一句话“如果你发布你的产品后觉得很完美，你可能已经发得太迟了”，我就更加无谓了。

自从我开始写我怎么使用苹果Keynote、iPad 主题模版差不多一个月了，我还犹豫着要不要继续发布这些博文，但我没料到的是，很快那些博文就被几个知名的博主转载了，并在设计和iPhone论坛变得流行起来，三周之内，这些博文产生了10000的访问量，传上去的iPad主题模板下载500次。

于是我寻思着这些模版是真的对他们有用还是只是很酷而已，如果是有用的我准备把这些模版卖给他们，只是不知道他们愿意付多少。所以再花了3个小时，我在Wordpress上添加了一个e-Junkie购物车和几个我的模版截图。之后没过多久，我就呆住了，邮箱里躺着一封未读邮件：Notification of Payment received, 我的Keynotopia开始营业了！

从中学到的几点心得：

1）敢卖你的副产品：珍惜你的互联网工具、过程、黑客行动的经历，比如我自己经常用这些模版为我的客户服务却从来没想过把它卖出去。

2）取消推广“产品预览页”

许多创业公司很重视技术，并把博客当做产品发布前的PR发布工具，而且会在产品正式发布前在邮件里附上“产品预览页”，这其实对潜在顾客没什么价值，也无法让他们在一堆邮件里额外地注意。相反，你可以讲你的创业故事，分享你的新发现和过程，让他们试用一下你的产品，也为你以后的产品销售做好准备。

3）关注你的产品为用户带来了什么而不是吹嘘产品有啥特点：在Keynotopia上测试了10种模版变体，表现最好的是那些让用户感到有形的可度量的模版功能（30分钟以内的互动模版）。

4）弄个有价值的免费赠品：

我把以前常用的toolkit当做赠品了，不过会要求用户订阅我的博客，等于是赚回一个有价值的电子邮件地址。之后在SmashingMagazine上也发布了一个同样免费的框架，这个为我带来了巨大的流量和口碑，在那里下载了免费版本的用户也过来购买付费版本了。

5）采用交流的方式介绍产品：没有像商业公司那样发个介绍邮件，我编写了一个简单的个人文本简讯，告诉他们我想得到他们的反馈，很快，他们回邮件了。

6）博客中插入视频：除了优化SEO之外，插入演示视频让读者能一眼明白。

7）经常迭代重点页面：

我测试过5个版本的注册表，把标题从“Enter your email to download the files”改为“Subscribe to this blog to access all downloads”后注册用户数提高了500%。

Keynotopia的登陆页经过了29次迭代，包括语言上和格局上的变化，30天内跳出率从59%下降到12%。

8）大方给你的产品要价：当人们为某个产品付费时，那是在投资，也说明你的产品解决了顾客生活中的某个“痛点”，他们自己无法解决所以愿意掏钱来解决。

最后，Keynotopia也许不是一家典型意义上的创业公司，只是我的一个实验项目，但它改变了我过去以服务为导向的心态，我变成了一个以价值为导向的价值创造者，不再算着每天工作几个小时该拿多少报酬而是通过我创造的东西直接获得报酬。

Via amirkhella

互联网产品主要为谁而设计？

Sat, 22 Sep 2012 15:11:41 CST

交互设计的经典著作《About Face 》中，Alan Cooper将用户分为三类： 新手、中间用户和专家。他指出在软件领域，最终大多数用户会停留在中级阶段。

互联网产品主要为谁而设计？新手、中间用户还是专家？

我们每天在不同的网站上不断寻找需要的信息，不知道打开过多少未知的网页。而每个网页或许作为新手的时间又很短暂。大概访问个3次，就能够达到中间水平。也许永远不需要进阶到专家水平——去了解网站的运行方式，使用工程师式的高级功能。

这样看来，互联网产品很少包含专家用户。那么究竟该把重点放在新手用户还是中间用户上呢？

一种观点认为： 互联网应该为新手用户而设计

人们访问网站的目的决定新手众多。

用户访问网站主要有三个目的【注1】：

1、他们在寻找某样东西

2、他们想完成某项任务

3、由于距离下次会议还有5分钟，他们想在网上消磨一会儿时间

多数时候，我们偶然通过各种渠道（比如搜索引擎）找到信息（类似1或2的情景）。即使是常用网站，如果没有要找到的满意答案也会无情关闭。再用到这个网站或许是很久以后的事情了。比如：某天我要找苍老师的＊＊（和谐），之后某天我想找蓝蓝的＊＊(也许是在同一网站，也许不同网站)也是几个月以后的事情了。所以对于这个网站来说，我一直处于新手阶段。

而且很多网站创建者错误地认为用户多数是想消磨时间的人（如情景3）。他们以为访问者会有2个小时或更多时间停留在网站上直至成为中间用户，而不是仅仅5分钟。

对于网站来说，希望给人留下深刻印象，是不可能包罗互联网所有信息同时适用所有目的（因为你不是google，即使是google也需要神奇的搜索算法）。如果人们几秒内看不懂网站是否有他们寻找的东西或者如何才能得到所搜寻的东西，很有可能立刻跳走。

这就决定网站创建者要尽量满足 潜在用户（新手）希望完成的动作。只有帮助他们成功，才意味着网站的成功。

重视用户的第一次，做符合心智模型的设计

当新人注册都会先从初始阶段开始。多数设计和开发童鞋来不及思考 初始状态就被常规状态满满测试数据占据了。但就是这个内容和信息量最少的阶段，很多用户会在初始界面时决定产品是否值得一用。忽视 初始界面绝对是个大错误。要知道，初始界面是产品给人留下的第一印象，永远不会有第二次这样的机会……

乔布斯一定是深深理解到第一印象的重要性……无论是打开iPhone盒子时的悸动还是OS x操作系统的安装和初次运行的体验，也许乔布斯在考虑初次运行时会想，它可能是一个用户使用产品最重要的一次，因为人们对它寄予了期望并形成产品初步的印象。——John Gruber

也许有人会说，用户是很聪明滴～对于增加的新功能教育下就够了。不过正如前面所说，用户是没啥耐心的，别指望花很多时间成本来愿意听您的说教。好的设计追求一种本能反应，符合人们心智模型的设计降低学习成本更容易被接受。

　　无论孩子还是老人都能流畅地使用iPad

另一种观点： 互联网产品主要为“中间用户”而设计。

企业建立网站业务模型不同，决定为新手还是中间用户服务。

互联网的业务模型众多，不同类型的网站往往目标用户存在差异。主要目标就会不同。

　　互联网业务模型

一般来说，越是对用户忠诚度和黏性要求高的网站，越是要尽力满足“中间用户”的需求。对于不断追求用户黏性的SNS网站（例如Qzone空间、Facebook）来说，仅仅有些供新手使用的基础应用慢慢的已经不够了。越来越多的SNS逐步平台化，通过不断加入新的、更复杂的功能和应用程序来满足“中间用户”越来越大的胃口。

网站发展不同阶段，新访用户和回访用户有所不同。

随着互联网的发展，越来越多的产品希望增加用户黏性，让用户每天都来使用。通过不断的增加新的功能来吸引老用户不断回访。如果不科学地将回访用户（大于等于2次）当作中间用户，那么网站不同时间的新访用户和回访用户的比率也是不断变化的。网站初期，通过营销等手段良性的新访用户比率应高于20～30%，甚至高于回访用户也很正常。网站成熟期黏性增加，或许回访用户占多数。因此不断推出和优化适合“中间用户”的功能，维持用户新鲜感和兴趣亦是非常重要的。

最后发现：偶啰嗦了这么久也没有出现一个绝对的答案。很难说互联网产品是为新手还是中间用户设计，还是要以实际情况来定。您的网站定位，发展时间和规模综合考虑。很多时候需要 重视新手的设计，并努力留住中间用户。至少在我看来，互联网产品设计新手和中间用户一样重要的。当然，偶目前的眼界或许还不够寛，如果有啥高见欢迎您随时来拍砖。

【注1】：《锦绣蓝图：怎样规划令人流连忘返的网站》

转载请注明来源：用户体验与交互设计@雅秋 http://www.zhangyq.com

移动端交互设计的信息组织

Wed, 04 Jul 2012 16:03:32 CST

如何开始移动设计

对于我们中很多人来说，移动端设计是一个崭新的机会。但是，如果你过去是桌面端的网页设计师，如何将经验转换到移动网页端呢？当然，已有的一些工具，经验，技能仍然适用，只需开始思考下如何在手机上进行组织和布局。

组织架构

当你开始组织移动端界面的内容和操作时，一些可靠的信息架构准则：比如，清晰的标签（labeling），平衡的宽度和深度，妥当合理的心智模型，这些仍旧十分重要。但是，组织移动端网页设计体验你需要考虑以下因素：

配合使用方式：人们如何适用移动设备，为什么这样用？
强调内容超过导航
保持清晰和专注

配合移动设备适用方式

我们很容易理解移动设备上独特的限制和性能。简单来说，桌面网页同样有很多独特的限制。所以直接将桌面产品移植到手机端并无意义。而是要考虑移动端独有的特性，并且满足到用户需求。

通过研究一些专业分析的共通点，我们会得到一些启发。面对通常人们是如何使用他们的移动设备的，为什么？这个问题时，Josh Clark在他的《触动人心》（注：《触动人心－设计优秀的iphone应用》一书中讲到过三个关键用户行为：

“我有个微任务要做”；

“我想看看附近的情况”；

“我有些无聊”。

这正好与google的调研不谋而合，他将移动用户细分为三种行为群体：当前是 急迫的，反复的，或者无聊的。

不管如何描述，移动端的使用方式通常包括以下交互情形：

查找/发现（急需信息，基于地点位置）：我现在需要得到答案——多数是告诉我在哪里。
探索/娱乐（无聊，基于地点位置）：我现在想消磨时间，来点娱乐打发无聊。
签到检查（check－in）/ 状态（重复/微任务处理）：一些重要的事需要不断改变或更新，我想留在上面。
编辑/创建（紧急调整，微任务处理）：我需要马上做完一些事，不能等。

以上因素决定人们为何掏出手机，所以这些行为决定了手机体验应该如何被构造和组织来满足人们的需求。

例如：照片分享Flickr的移动网页体验就有四个主要操作。你通讯录里好友的最新活动和最新上传让人们不断想检查是否有好友的照片更新；提供当日附近人们上传的一些有趣的内容和照片，为想浏览优质照片的人们打发无聊时间的方式。

flickr的移动网页体验符合人们为什么而掏出手机（虽然略显生硬）。

配合移动环境使用环境自然也需要适应你网站真实世界的需要。因为移动体验可能被用在任何地点场景，你需要考虑如何让人们无论在哪里都觉得好用。

这就意味着需要考虑用户真正需要你网站组织提供的真实用例（use cases）。之前我曾经写过一篇《利用人物角色来做信息架构》其实就是通过分析用户完成某任务的流程来进行网页上的信息架构。这一点其实在手机端更加重要。
通过了解以上用户会掏出手机的动机，结合自身app提供的功能，尽量减少用户在移动端的操作路径。

内容优于导航

一条常规理论，在移动端内容优先于导航。无论人们是否经常查看更新信息，诸如：股票，新闻或是比分；他们查看当地新闻或是通过搜索查找文章或是使用聊天工具，他们都想快速响应需求而不是看到你的网站架构脉络。

太多的移动网页体验（像是之前的Flickr ）开始时的对话都是一大堆的导航列表，而不是内容信息。移动端用户时间很宝贵，下载也需要流量的金钱消耗，所以让他们马上获得想要的信息才是关键。

Youtube ESPN的移动网页就是这样做的。先是一个简单的抬头告诉你身处哪里，将导航选项降级为一个单独的按钮。其余的位置放置可随时查看的最新信息（ESPN）和最热的供消遣的视频。
ESPN Youtube移动网页体验将重点放在内容信息上，而不是导航上。

纪念翻译未果的《mobile first》

架起博客与微博的桥梁

Mon, 13 Aug 2012 21:46:33 CST

这里不讨论博客与微博的关系，因为关于二者的关系和博客是否被微博取代的问题，在这里已经详细讨论过，本文讨论的是，假如你有一个或多个博客，又有一个或多个微博，那么，如何利用一些工具和方法，实现微博和博客的良性互动，比如，把博文分享到微博，将微博集成到博客，以及通过其他社会化评论插件搭起博客和微博的桥梁。

pic via

一、将博客文章分享到微博

1.主动分享

也就是同步，通过插件、第三方应用或者官方设置将博客内容及时同步到自己的微博。

pic via

2.提供分享方式

在博客文章开头或者末尾通过代码或者插件的方式提供分享连接或者图标，让感兴趣的读者分享到微博，让更多的受众阅读。

之前望月介绍过 5款Wordpress 社会化分享插件，除此之外，现在 jiathis（加网）发展得也比较快，此前的无觅也算一个，不过现在转型为个性化阅读社区了。

二、让微博内容返回博客

1.widget框嵌入博客

twitter、新浪微博等主流微博都提供了widget，可以把你的微博内容通过侧边栏小部件等方式嵌入博客。

2.收集散落的评论

一个问题就是，如果你的博客文章被分享到各类微博，被转发、分享和评论，可是你并不知道或者不可能完全知道这些评论，所以，这时候你需要把散落到各地的微博评论收集回来。

望月之前介绍过一款优秀的收集散落的评论的插件 BackType Connect ，当然，BackType Connect也并非完美，比如不支持一些国内的聚合服务，比如偶尔会收集来一些莫名其妙的评论。

三、社会化评论系统

简言之，就是社会化评论服务，这样更为彻底，把你的博客评论系统变成一个社会化评论系统，让用户评论不再局限在一个网站上。

1. 灯鹭

灯鹭是目前市场占有率最高的社会化评论服务，而且有专业团队支撑，技术较为成熟，目前望月的博客所实用的就是灯鹭的社会化评论服务，你可以实用各种社交网络帐号登录发表评论。

2. 多说

多说创办得较早，专注于wordpress博客的社会化评论系统，“多说”成员均来自于web 2.0社区创业团队。现在团队共有4个成员，分别负责运营和宣传、产品和技术、界面和交互设计。

3. 友言

友言的创办时间不长，但却颇具传奇色彩，10万元的风头，2个人的创作团队，在短短4个多月的时间里，就被Jiathis收购，据传收购金额在百万级别。

不过，目前的社会化评论系统貌似都没有能够很好的解决垃圾评论的问题，如果这个问题得到了良好的解决，将是大有可为的。

极客装备、创意礼物，尽在奇趣坊！！

博客赚钱：如何开始一个赚钱的博客

Fri, 15 Jun 2012 23:49:56 CST

前面我介绍了主要博客赚钱的方法，只要应用的好，通过博客月赚 1000 美元不是梦，但是在想通过博客赚钱之前，你首先必须要有一个博客，然后才是一个可以赚钱，今天我就介绍下如何开始一个赚钱的博客。

BSP 还是独立博客？

毫无疑问是独立博客，独立的域名加上完全可控的程序这是赚钱博客的最基础，如果你想在新浪博客这样 BSP 获得成功，各种条条框框让一切变得不可能。

选择稳定的主机

如果你的主机三天两头的宕机，不仅影响博客在搜索引擎中的收录，而且会大大影响你写博客的心情，那么博客赚钱从何谈起，所以选择一个稳定的主机是开始博客赚钱的前提，我爱水煮鱼使用的 (mt) MediaTemple 主机是我个人觉得最值得推荐的主机，从2009年6月份使用到今，没有发生过宕机，非常稳定。一开始就选择一个稳定的主机，让你写博客永无后顾之忧。

选择博客程序

这里无可置疑 WordPress 是我唯一的推荐，WordPress 拥有最大的社区，最多的主题和插件，并且还拥有 WordPress JAM 这样专业的 WordPress 团队，使得你使用 WordPress 建立博客成为了最简单的事情。

专业的主题

给自己的博客选择一个专业的主题，或者定制一个独一无二的主题是非常好的事情，选择专业的主题说明你是非常严肃的面对博客这件事情，你读着和潜在的客户也会非常严肃面对你的博客。WordPress 主题制作非常简单，这里有非常详细的 WordPress 主题教程，如果你需要设计独一无二的 WordPress 主题，可以找 WordPress JAM 这样的专业团队制作。

原创内容和定期更新

很多人写博客，还是大批量转载别人的内容。对我来说，写博客是一件很严肃的事情，是需要专业的精神和态度的，原创的内容是这一切的基础，如果不能认真对待，真不要写博客，使用微博客更加方便。有了原创内容之外，坚持定期更新也是很重要的，只有定期更新，你的博客才有流量，才能通过广告或者出售专业服务赚钱。

SEO 和推广

在有了坚持不懈的原创内容，blogger 都需要懂的一些基本的 SEO，是自己的内容能够让更多的用户能够知道你和你的博客，学习简单的 SEO 也不是很难的事情，我已经写了很详细的： WordPress SEO 宝典，只要按照要求去做，然后坚持原创的内容，一定会有回报的。

现在微博和社交网络的兴起，是的在社交化网络营销的你自己和你的博客都变得很重要，我也是经常介绍一些社交化网络推广的小技术，但是社交化网络最重要的还是用心去参与。

总结

现在微博客的兴起，让用户表达自己的观点变得更加方便，也使得更多人放弃了更新博客，但是这样也说明认真写博客的人变得更加少，面临的竞争也相对笑了很多，所以天道酬勤，只要认真写博客吗，当积累到一定的程度，一定会收获良多。

>>> 继续阅读全文 ...

您可能也喜欢：
写给大学里“-1岁”产品经理的一封信	打造初创型产品的用户体验	我们需要什么样的产品观？	王轲：如果再让我做一回产品经理	【MDCC大会】Flipboard大中华区产品总监谢子阳: Flipboard产品设计要诀
无觅

IT瘾博客推荐

网站速度终极优化

图解 K8S（03）：从 Pause 容器理解 Pod 的本质

1. Pod 与 容器的关系

2. Pause 容器

pause 容器镜像

pause 容器作用

3. 手工模拟 Pod

创建 pause 容器

创建 nginx 容器

创建 ghost 容器

访问 “Pod” 服务

4. 创建真正的 Pod

创建 ConfigMap

创建 Pod

5. 总结一下

一份简单够用的 Nginx Location 配置讲解

前言

语法

匹配顺序

root 与 alias 的区别

server 和 location 中的 root

系列文章

【DevOps进行时】持续交付广义流水线探索 – 农行DevOps实践之路

私有办公服务搭建

Office服务搭建

Build php error:

Php compose error:

Build pma error:

服务配置

绘图服务部署

python使用深度神经网络实现识别暹罗与英短

无觅推出相关文章精准广告，博客盈利新渠道

相关日志

浅谈网站字体的选择与优化

响应式布局

选择字体

衬线还是无衬线？

大小

行高和对比度

三家移动应用发行商教你节省市场营销费用

Tumblr创始人：高中没毕业的互联网天才

Hadoop书籍和网络资源介绍

在线问卷调研实践心得

问卷投放：定性发送VS建立公共入口

数据清洗

开放题答案整理

使用报告模板

如何找到靠谱的电脑软件

靠谱的软件下载博客

靠谱的装机必备软件

善用微博找到需要的软件

支持作者 | 媳妇的淘宝店

2012年SAS公司博客排名

如何用 WordPress 写出一篇“好看”的文章

一些基础知识

用标题划分文章层次

对于重要的文字进行加重处理

善用有序和无序列表

善用空格

标注文章引用内容

用预格式化描述代码等有格式的内容

使用其他修饰的注意事项

尽量多的使用图片

用心去写文章

一个反例

写在最后

相关日志

微博Mac客户端的设计之殇

微讯:月7500万访问量的国外科技博客ReadWriteWeb 被SAY Media网络营销公司收购!

2011年50个美丽免费的WordPress主题

浅谈如何打造完美的个人博客之我见

一、清晰的网站首页

二、阅读排行榜

三、个性化的评论

四、图文式的博客内容

轻博客的巨头之境: WordPress vs. Tumblr

WordPress轻博客化

WordPress的美中不足

7种WP轻博客式主题

1. Pod 与容器的关系

　一、清晰的网站首页

　二、阅读排行榜

　四、图文式的博客内容

hover已死有事烧香——移动设备的hover转化