2016 年对自己来说是个特别的一年,自己告别了 3 年的大学校园踏上了社畜的道路。来到一个新的完全陌生的城市独立开始生活,这要是放到 5 年前从未离开过帝都半步的自己来说确实难以想象...

再见,自由女神像



年度总结还是简明为好,让我们开始吧

我想回国啊,特别是今年

  • 今年比起往年来特别想回国,不知道为啥。大概是吃米帝这边的饭菜吃的已经厌倦了吧。亦或是单纯的想家,怀念在国内时不时都能吸一口那浓郁京霾的日子。
  • 却因为没有时间只好明年再说。

平稳地踏上了社畜的道路,不过却是略意外的展开

  • 大学的最后一学期终于顺利地接了不少公司的面试,面了不少,过了不少,拒了几家,最后没去普通向的谷歌、软娘、FB、Twitter 去了游戏公司 EA,稍微有些令人意外。

    EA 红木城总部

  • 其实回想起来上小学玩极品飞车的时代,当时确实依稀记得抱有去游戏公司的幻想来的,没想到如今一点点地(出国、再到 EA)居然变成了现实。

  • 不过去 EA 恐怕是这几年做的最正确的选择之一,公司节奏看起来挺慢的,不知道是不是因为年底没有太多大作发卖的原因(BF1 和 TF2 发卖的时候忙了一段时间)相对宽松的工作环境基本上可以保证每天 10 点上班 5 点甚至 4 点走人,适当划水也没有什么问题。每天的懒觉终于有了保证...
    EA 西雅图前台

资金自由了,时间变得有限

  • 实话实说,米帝的东西都特别便宜,一不小心就管不住手。而且一旦养成了买买买的习惯之后想改堪比登蜀道一般。

    LG OLED65C6P

  • 然而和学生时代时间自由资金有限正好相反,买了东西却没多少时间去享受,有时候也比较令人苦恼。这让我想起来了网上传的挺多的一张图...

    时间资金精力与年龄悖论

搬家到西雅图,天气并没那么糟

  • 许多人都喜欢加州的明媚阳光,但是我是个例外,喜欢西雅图的冬暖夏凉(嘛,冬天也不算暖

因为选用了 Google 的 Polymer 作为基本框架所以在各个浏览器对原生 Web Components 支持比较好之前可能存在着各种各样的问题。目前采取的措施就是等待 Polymer 的 polyfills 的 legacy browser 支持的更新。

  • 经过目前的测试,Chrome 浏览器应该可以获得完整的体验,主站 显示正常,博客 显示正常。这里面也包括了使用 Chrome for Android 浏览。使用的版本为 47.0.2508.0 dev-m (64-bit)。

  • Firefox 上面主站显示及各种动作均正常,不过博客的图标 CSS 有些问题,评论无法显示,也无法发送评论。疑似 Disqus 的问题,正在想办法解决。使用的 Firefox 版本为 Nightly 43。

  • Microsoft Edge 和 IE,均无法正常显示首页的其他标签,博客存在的问题同 Firefox。使用的版本为 Edge 21 和 IE 11。

关于 HTML5 Web Components 的浏览器支持参见下图:


总之现在的话能用 Chrome 就用 Chrome 看好了,反正 Chrome 用户也挺多的。Firefox 发不了回复也是挺重要的问题,看下次 polyfills 什么时候更新吧。

Ghost 的默认主题 Casper 可以说是好看但不实用. 大封面固然好, 然而并没有什么卵用, 打开之后并不能直接看到博客内容.

而这次的主题是从 GitHub 上面抓来 Google I/O 15 Codelabs 的 code 修改而成的 Material Design 主题. 同样是基于 Polymer. 此次更新还一并更新了 Ghost 到 0.6.4, Polymer 更新到 1.0. 另外根据诸君反映还将回复评论换回了 Disqus.

首先让我们来看一看音乐播放器, 这是去年刚开这个博客的时候写的一个 Polymer component, 当时 Polymer 刚推出不久, 各种 bug 一堆. 好好的播放器只有 Chrome 能用而在其他浏览器上面仅仅能播放音乐不能显示播放器本体...

经过一番调教之后现在的新播放器可以正常在 IE 和 Firefox 显示了. 另外把自动播放取消掉了来防止打开页面突然被吓一跳什么的... 还添加了相应的 media query 在手机上默认隐藏播放器, 这样就不会把 po 给挡住了.

音源都是来自萌否, 播放列表是随机的. 登录什么的是暂时不支持啦. 不过诸君可以直接把本地文件拖到本体上面来播放自己喜欢的音乐.

新主题最赞的地方就是移动端的 UI, 提供了类似于 Android 应用的布局, 左侧内建的导航菜单支持滑动显示和隐藏. 此外新的 HTML5 meta 标签定义了 Chrome 浏览器地址栏和 Android 导航栏的颜色.

至于 po 文方面我选择把文章, 回复, share 分别放到三个 page 分开的做法, 这样诸君可以把注意力放到 po 文本身亦或是评论本身. 切换页面的方式依旧可以通过向右滑动左屏幕边缘显示菜单或使用下面的 fab (floating action button) 切

用 Disqus 做 blog 的评论系统简直太常见, 简单方便, 不用麻烦自己写 code. 从官网上面找到合适的复制粘贴过来就能用. 方便了不少有 blog 但是又懒得折腾的人. 而且自动支持各种 SNS 的注册和登录.

但是有人可能要问了: 这么好的东西为什么要换掉它呢? 原因有几个, 首先是 Disqus 不知道从什么版本开始就开始用 iframe 了, iframe 的缺点之一是就是自定义起来过于受限. 一般情况下要存取 iframe 里面的元素我们会用到下面的片段:

frame.contentDocument.documentElement

虽然这样是可以获得对应的 DOM object, 但仍然过于鸡肋. CSS 并不能生效. CSS 一般只针对当前的 document 有效, 而 iframe 仅仅受控于 iframe 文档本身的 inline CSS 或外部 CSS.

某种意义上考虑的话, 如果 Disqus 本身比较良心可以提供各种自定义的话那也算不错, 可是事实上...

Disqus 公司的产品好像就这一个, 世界上没有不想着赚钱的公司, 所以要达成目的就只好在自家产品上面限制免费用户的功能而采取月费制来提供给收费用户那些看上去本来算不上有多厉害的功能.

当然了, Disqus 的缺点并不仅仅于此, 加载速度慢对于这种 实时评论系统 来说简直不可原谅, 在自己的多次测试中, Disqus 成功打开的次数接近 100%, 而成功打开并加载评论的次数只有 60%~70% 左右. 体验比较糟糕.

本着尽量找到方便轻量而又有较强自定义机能的评论系统的想法, 自己对比了多个评论系统, 最后筛选出了两个用户较多并且评价较高的. 后来又比较了一下免费用户可以使用的机能和定制性最后选择了现在的新评论系统: Muut.

Muut 给我的感觉是轻量, 体验

其实一开始是最近回国发现 Google 服务更难使用了, 打算先用 GAE 凑合用几个月. 只是很遗憾, 最近并没有放宽限制的意思, 加之电信国际出口丢包不断, 和小伙伴们简直无法愉快地交流. 没办法, 才只好决定找一个 VPS 来用. 其实如果不是这个原因可能就不会搭这个 blog 我会乱说么

Digital Ocean 看最近诸君用的很多, 其实不外乎 GitHub 最近搞的 Education 活动, 有免费送 $100 的 credit, 算起来如果一直用最低套餐 $5/mo 的话差不多等于免费用两年. 每个月 1TB 的流量拿来放博客和代理服务端的流量完全够用了...
鉴于最近也有诸君反映 DO 国内线路连机房的速度很不好, 以为耸人听闻了, 自己新建了一个 droplet, 位于三藩市的机房. 中午和晚上分别测试了 Google Search 和 Google+ 的网页打开速度, 基本上秒开. 另外在手机上用 Speedtest 做了下载和上传测试, R: 6.19 Mbps / S: 5.58 Mbps. 这样的速度完全可以接受了, 于是接下来便有了这个博客...

mixi.moe 这个域名是在去年 moe 域名刚开始推出的时候的推广活动花了几刀 (还是十几刀) 买的一年, 起初是用 Google 的 Polymer Project 搭建的一个雏形, 用了不少 paper-element (不知道的可以搜一下 Material Design, 或者戳这儿), 效果呢是喜闻乐见的, 一个网站差不多能拿过来直接当作手机端的 app 来用, 而且后来还写了一个 web component 的萌否.fm 播放器, 仿 Google Play Music 的, 自认为相当美观...

不过毕竟是大坑, 从一个网页框架来衍生出来一个博客系统还是比较耗费精力的事情,