翼帆远航已迁移至阿里云

很高兴的告诉大家,翼帆远航搬家到阿里云啦!

color-wordpress

记得 2012 年 5 月刚建站的时候,翼帆远航落户于 Bloghost 提供的美国主机上,但因后来的几次海底光缆故障,加之页面载入缓慢,遂迁移至三号主机的香港机房中,一方面地理位置近,加载速度快,另一方面也没有物理线路中断之忧。总的来说,Bloghost 和三号主机都是非常优秀且值得信赖的主机提供商,不仅有多种个性化的套餐可供选择,而且价格还很亲民,服务稳定,还有客服及时解决问题,非常适合新手及对扩展性要求不高的站长。

翼帆远航最终之所以选择搬家到阿里云,主要有以下 2 个原因:

  1. 身边的人都在用阿里云,并持以好评。
  2. 两年的建站经验,加上对网站速度更高的要求。

阿里云提供了一套非常人性化的建站解决方案,帮助新人快速入手,同时协助站长备案,大大缩短了备案的时间,这点很赞!

最后,感谢大家一直以来对翼帆远航的支持、关心与照顾,翼帆远航会继续分享更多有价值的内容,不仅在技术水平更在个人能力上有所提高!

(感谢信) 衷心感谢“疯子”同学的帮助

今天我特别高兴,因为有位高人帮助翼帆远航修正了博客的一大安全问题 —— 有关评论提交时用户权限的验证问题,而这一问题的顺利解决多亏了这位高人 —— “疯子”同学。

envelope

事情的由来

今晚,“疯子”同学急匆匆的找到我,说我的博客存在一个安全漏洞,面临着评论被篡改的危险,我有点不信,博客运行了那么久都没事,还会有什么问题呢?我怀着将信将疑的心理,请“疯子”同学再次演示漏洞,漏洞竟然重现了!!!翼帆远航的一条评论瞬间被修改成任意指定的内容,而且昵称、邮箱、网址和评论内容都可以任意的修改,这不禁让我惊出了一身冷汗 —— 原来我的博客一直都处于不安全的状态。

衷心的感谢

这次漏洞的修复多亏了“疯子”同学,包括发现和修正都是他完成的,在此我向其表示深深的敬意和感谢!从这次帮助的过程中,我不仅修复了博客的漏洞,还学到了很多有用的知识,更交到了一位不可多得的好友。

 

此外,“疯子”同学悄悄地跟我说,翼帆远航是他唯一收藏的个人博客,平常不怎么评论,一直潜水着,嘿嘿,原来我身边还有一直默默关注我的高手呢,真感到无比的荣幸!

 

 

(年度计划) 翼帆远航,做一个有态度的产品博客

截止 2014 年 5 月 11 日,翼帆远航已建站 2 周年,在这 2 周年纪念日来临之际,翼帆远航打算对接下来一年的发展做一个规划。

翼帆远航立志做一名产品设计师,喜欢做交互设计和用户体验方面的研究,读过设计心理学及设计相关的书籍。为了做好明年毕业找工作的准备,同时使翼帆远航更具备一个产品博客的特性,翼帆远航打算调整博客的发展方向。

之前,博客的文章内容主要围绕建站,而接下来,文章的内容将会以产品为主。围绕产品,发表以下几类文章:

  • 产品体验。互联网产品或行业相关的产品体验与推荐。
  • 产品分析。针对某一产品或行业的发展动向做分析,加深自己对产品或行业的了解。
  • 产品设计。从交互设计和用户体验研究的角度,谈谈自己的看法与见解,同时分享自己的作品以及好的文章。

 

翼帆远航已优化博客在移动设备下的显示效果

近几日,翼帆远航的工作内容是:优化博客在不同设备下的显示效果(做一些网页自适应方面的改进)。为了保证博客在不同的设备下能有较为统一且赏心悦目的排版,同时保持页面的简洁,翼帆远航决定去除页面中多余的条条框框,使页面看起来更大气。除此之外,翼帆远航还专门针对手机的横竖屏、平板电脑的横竖屏以及不同分辨率的电脑显示屏进行排版的优化,并根据使用场景增删页面元素,保证最佳的浏览体验。

现在,你可以

现在,你可以随时随地,拿起你的手机或平板电脑,畅游翼帆远航。

另外,由于翼帆远航所能触及到的设备种类和数量有限,因此此次优化在个别设备上可能无法很好的展现。不过没关系,众人拾材火焰高嘛,只要有翼友在,就没什么解决不了的。如果翼友们遇到了显示效果不佳的情况,欢迎留言告知你正在使用的设备型号或者其它有助于改善浏览体验的信息,翼帆远航会及时跟进。

下一步计划

翼帆远航的下一步工作计划是:针对不同设备及其不同的网络环境,采取不同的节省流量的策略。假如你用 3G 网络来浏览翼帆远航,那么翼帆远航将会尽可能的帮你节省流量,只加载必要的脚本及样式文件,只加载在能保证清晰度的前提下最小的图片,让翼友们不再因为流量问题而烦恼。

汇总翼帆远航的订阅与访问方式

订阅方式

1、邮箱订阅。订阅以后,每周一系统会把上一周的文章整理后发送到你的邮箱当中,你也可以点击其中的链接参与讨论。

“邮箱订阅”方式支持的平台:

  • 网页版邮箱(PC + 移动端)
  • 诸如 Foxmail 的本地邮箱客户端
  • 诸如 QQ 邮箱 For Android 的移动端 App

“邮箱订阅”方式的优点:

  • 节省数据流量。邮件中只包含文章正文和正文图片,最大程度的节省上网流量。
  • 排版干净整洁。白底黑字,只有正文和所包含的图片,阅读更加舒适。

 

2、网易云阅读。在网易云阅读添加订阅翼帆远航以后,你就可以像使用 Zaker、Flipboard 等新闻客户端那样浏览翼帆远航了。

(1)移动端的订阅方式:

① 打开网易云阅读 For Android 或网易云阅读 For iPhone,并将云阅读下的资讯列表拉到最下面,可以看到一个灰色的“添加”按钮,轻触进入。

163read_01

② 在弹出的界面中选择“自主订阅”,然后选择“个性添加”。

163read_02

③ 在弹出的界面中,选择“RSS”,然后在输入框中打入“www.efanyh.com/feed”,然后轻触右边的放大镜按钮,接着下方会出现翼帆远航的订阅项,轻触右侧的“添加”按钮即可完成订阅。

163read_03

至此已订阅完成,此后你可以在云阅读的资讯列表中找到翼帆远航,轻触后即可阅读翼帆远航的文章。

163read_04

163read_05

(2)PC 网页端的订阅方式:

① 打开网易云阅读官方网站,并登录网易账户(可直接使用网易邮箱账号登录,如果没有请先注册,支持使用微博、QQ号和手机号登录)。

② 点击右上角“我的资讯”按钮。

163read_06

② 在新出现的页面中,点击左侧上方的“添加资讯”按钮。

163read_07

③ 在弹出的“添加订阅”窗格中输入翼帆远航的 RSS 地址:http://www.efanyh.com/feed,然后点击右侧的放大镜按钮完成订阅操作。

163read_08

此后,你就可以通过网页版的网易云阅读畅游翼帆远航了。

163read_09

“网易云阅读”订阅方式的优点:

  • 节省数据流量。
  • 可以直接在客户端中完成文章的评论、收藏和分享操作,更方便。
  • 一键将喜欢的文章保存到有道云笔记。

 

3、浏览器订阅。现有很多浏览器都自带 RSS 订阅功能,现以傲游浏览器为例,使用浏览器订阅翼帆远航。

① 在傲游浏览器中打开网址 http://www.efanyh.com/feed

② 在页面中点击订阅按钮。

maxthon_rss

“浏览器订阅”方式的优点:

  • 订阅方便,无需额外安装软件或注册账号。
  • 排版干净整齐。

访问方式

1、在 PC 上,你可以使用支持 HTML 5 和 CSS 3 的浏览器访问翼帆远航,受支持的浏览器列表:

  • Chrome (包括 360、搜狗、猎豹、傲游等基于 Chromium 的浏览器)
  • Firefox
  • Opera
  • Safari
  • IE 9 / 10 / 11

注意:由于 IE 6 / 7 / 8 不支持 HTML 5 和 CSS 3,因此浏览体验较差。另外,由于它们的安全性较低,且随着时间的推移它们会被逐渐淘汰,因此翼帆远航不再多做支持。建议使用以上低版本 IE 浏览器的翼友尽快升级到新版 IE,或使用搜狗高速浏览器等现代浏览器。

2、在手机上,翼帆远航的页面是自适应的,因此你可以舒适的浏览。

(1)在 Android 手机上,基本上所有常见的浏览器都能很好的呈现翼帆远航,如 UC 浏览器、QQ 浏览器和搜狗浏览器,但翼帆远航还是更推荐 Chrome 浏览器,更安全、更快速且渲染更准确。

(2)在 iPhone 手机上,由于苹果公司强制所有第三方浏览器均使用系统内建的 Webkit 引擎,因此理论上用任何浏览器都能完美的呈现翼帆远航。

3、在平板电脑上,翼帆远航同样能自适应各种尺寸和各种分辨率的平板电脑。

(1)在 Android 平板上,推荐使用 Chrome 浏览器访问翼帆远航,当然用 UC 浏览器、QQ 浏览器或搜狗浏览器都是可以的,浏览效果都不错。

(2)在 iPad 上,使用任意浏览器均能完美呈现翼帆远航。

 

翼帆远航已在不同的设备如 Android 手机、Android 平板、iPhone 和 iPad 上测试过浏览效果,理论上没什么问题,但由于精力有限,不可能将市面上所有设备都试用一遍,因此如果翼友们发现在某一设备上翼帆远航的呈现效果不好,麻烦你们提交相关的信息,让我们一起让翼帆远航做的更好,谢谢!(提交的信息包括设备的型号和浏览器)

 

翼帆远航字体改善计划

翼帆远航近期打算对整站的字体做一次优化,其实就是更换字体,目的是为了打造更佳的浏览体验。

在开始着手前,我们先了解一些关于字体的常识。

字体分为两类:serif (衬线字体) 和 sans serif (非衬线字体)

两类字体的区别

区别主要体现在字的笔画开始、结束的地方有无额外的装饰,笔画的粗细是否相同。

  • 衬线字体(serif):有装饰,且笔画粗细不同。
  • 非衬线字体(sans serif):无装饰,且笔画粗细相同。

下图是衬线字体(serif):

serif

下图是非衬线字体(sans serif):

sans-serif

两类字体的特点

  • 衬线字体(serif):字体容易识别。它强调了每个字母笔画的开始和结束,因此易读性比较高。
  • 非衬线字体(sans serif):字体比较醒目。

对于文章的阅读,适合使用衬线字体(serif)进行排版,易于换行阅读,避免发生行间的阅读错误。

另外,非衬线字体(sans serif)强调每一个字母,而衬线字体(serif)更强调于一个单词。

两类字体的代表

  • 具有代表性的衬线字体(serif):宋体、Georgia、serif。
  • 具有代表性的非衬线字体(sans serif):微软雅黑、Arial、Verdana、Tahoma、Open Sans、sans serif。

两类字体的应用

在此以优设网为例,下面是优设网的截图:

uisdc

从优设网的字体选用策略来看,导航、Banner、文章标题、标签云等元素均选用了非衬线字体(微软雅黑),这符合了非衬线字体“醒目”的特点;而文章正文则选用衬线字体(宋体),这正好符合衬线字体易于换行阅读的特点。

翼帆远航的实践

有了字体的理论知识,还有一个实际的案例作为参考,翼帆远航做出如下计划:

  • 以下元素使用非衬线字体:站点标题和描述、菜单栏、文章标题、文章信息、文章小标题(h3)、小工具标题、评论信息(不包括内容)
  • 以下元素使用衬线字体:文章摘要、文章正文、小工具内容区域、评论内容

 

  • 非衬线字体具体选用:微软雅黑、Arial、Verdana、Tahoma、Open Sans、sans serif;
  • 衬线字体具体选用:宋体、Gentium Basic、Georgia、serif;

以下是字体应用以后的效果图:

font-optimize

总结

在网站中,对不同类型的元素选用不同类型的字体很重要,如针对菜单、导航等需要得到重视的元素可以选用非衬线字体,而对于文章内容、评论内容等需要访客长时间阅读的元素来说,选用衬线字体有益于他们的阅读舒适性。另一方面讲,选择合适的字体更能显示出网站的个性与独特的韵味。

翼帆远航建站两周年,审视过去,展望未来

时间转眼即逝,翼帆远航已运行了 612 天,接近两年的时间,它陪我度过了美好的大一、大二和大三时光。

翼帆远航建立于 2012年5月11日,正直我大一的下学期,那时建翼帆远航是希望我在网上有片属于自己的天地。虽然每年需要支付将近 200 元的服务器租金,但我觉得这一切都是值得的。

审视过去

在过去的 612 天里,翼帆远航主要发表与建站、产品和个人生活相关的文章,吸引的访客主要是博主或站长、电脑爱好者以及老师和同学。

在过去的 612 天里,翼帆远航付出了金钱、时间和精力,收获了:

  • 写作能力的提升(语言的表述能力、逻辑的严谨性和文字的排版)
  • 网站设计与编码能力的提升(设计:用户体验、交互,编码:HTML、CSS、Javascript 和 PHP)
  • 网站(产品)运营能力的提升(定位网站,预估访客类型,并根据统计数据优化网站功能以及文章内容)

我通过这个博客,树立了自己的品牌 —— 翼帆远航,并在访客的赞许、认可中获得成就感。

同时,翼帆远航还是一个让我记录学习成果的地方,我将学到的知识转化成实践,再将实践中的经验总结成笔记,然后整理写成文章,在帮助自己日后查阅的同时也能帮助有需要的人,在与这些人的交流中,学到了宝贵的知识,并且交到了朋友,而且还进一步提高了与人沟通的技巧。

展望未来

在接下来的一年里,翼帆远航将会根据职业规划

  • 在交互设计与设计心理学的理论知识基础下,进一步落实交互设计与用户体验的设计(包括用 Axure 制作原型、用 Photoshop 做出效果图、进一步提升翼帆远航的用户体验)
  • 体验更多优秀的产品,总结出有用的信息(产品的定位与目标人群是什么?为什么不顾用户反对添加或去掉某功能?……)
  • 进一步加强个人时间管理和知识管理的能力(利用 Doit.im 或 Any.DO 做好时间管理,用 Mind Manager 做好知识管理)

在接下来的一年里,我希望为翼帆远航的发展做点什么:

  • 学习常用的产品推广方式,并尝试推广翼帆远航(包括网站本身和品牌)
  • 多元化翼帆远航的文章,并努力让文章更易懂、更亲民(即使不懂计算机,也能明白我在讲什么)

最后一句

当然,翼帆远航的发展仅靠我自己是不够的,还需要大家的支持,你的评论就是对我最好的支持!