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 给我的感觉是轻量, 体验

作为完全重制, 抛弃重量级的 Wordpress 改换简单却强大的 Ghost 搭建的新 blog 来说, 我不打算在这里面放太多的技术向内容. 原因有几个, 首先是技术文一般都比较长, 写起来太耗费时间, 这对宅而懒的自己来说太有挑战, 按照以前的经验, 基本上最多一个月就更新一篇文章吧. 而一些轻松的话题和日常的吐槽之类的有容易的多了. 毕竟一张图片 + 一段简单的文字都能算得上是一篇 blog.

大概来说以后的更新内容上:

  • 日常生活 (包括学习和以后工作) 的各种吐槽
  • 新番推荐和二次元美图
  • 各种自己感兴趣的发布会和 keynote 的感想
  • 技术文 短篇 (为主, 例如比较好的 code 片段和分析之类
  • 技术文 长篇 (较少或很少更新
  • 一些自己喜欢的音乐推荐
  • 自用各种设备推荐开箱和简单评测
  • 游戏相关 (这个一定不能少
  • 平时脑洞大开一些无脑文
  • 可能会发布一些小作品, 新坑和填坑进度什么的
  • 碎碎念, etc...

总体来说这个 blog 我打算怎么轻松怎么来写, 也算是个平常发泄或无事可做的时候充实日常的一个地方吧.

说来 Ghost 0.5+ 以后的版本貌似支持多用户了, 不知道有没有必要开放, 对于一个新生没多少访问量的 blog 来说也许用处并不大?

好了今天就是这些, 如果有什么想说的随意在下边留言. 我看到有不少访问量乃们就是不回复这是要闹哪样!

最近有一些时间研究 Google Material Design 的新标准, 所以也会把一些想法在接下来的 po 里面写一写.

扁平的非拟物设计语言的评论褒贬不一, 微软算是率先使用扁平话设计的公司之一了吧, 当初是为了宣传 Windows Phone 和 Windows 8, 不过谁知后来产品没卖出去多少, 扁平化的设计风格却成了现在的流行设计趋势…

iOS 紧跟着在 iOS 7 中推出了扁平 UI, 只是当时宣传的时候截图效果实在太平了, 而且配色也令人不舒服, 最后成了各个媒体和用户吐槽的重点. 嘛, 这些先暂且不提. 用户也随之对众多流行应用和网站逐渐趋于扁平化的设计表示接受, 不少人都认为, 扁平化设计去掉了无用的装饰, 例如边框和阴影, 给人高效率的感觉. 单单是这一个原因就有足够的理由放弃之前的拟物设计语言了.

另外扁平设计语言的另一特点是颜色选用几乎为纯色, 而不使用过渡, 这做有一些已知的原因在里面, 比如, 纯色的显示效果大多数情况下都要比过渡效果好, 因为显示设备的原因. 而且大多数网站和应用的配色基本采用白色或灰色作为背景色, 这样做的好处依然是给人以高效率的感觉.

iOS 扁平化之后一段时间, 在上个月的 Google I/O 2014 中, Google 推出了 Android L (暂定代号) 的新版 OS, 暂且不提系统的版本号究竟会是 4.x 还是 5.0, Google 宣布的新的设计语言, 被称为 Material Design, 可谓是令在座的与会开发人员眼前一亮. 确实, Material Design 不同于以往 Metro 和 iOS 的扁平, 新的 Android 采用了近似扁平化的设计语言, 保留了阴影. Google 在去除了一味扁平的逻辑之后把重心放到了 UI 配色和动画函数这两个方面.

Google 有自

昨天米帝太平洋时间 9:00 软娘在 Redmond 公布了 Windows 10 的更多细节, 没有看过直播的诸君可以在上面观看完之后再看下面的剧透. 虽然网上的新闻早就已经一大把了.

首先做个概括, 整个发布会因为是在总部开的所以并没有众多观众, 也几乎没人鼓掌. 不过发布的各种产品和一些新功能可能会让我们眼前一亮就是了:


Windows 10:

    演示版本 Windows 10 Technical Preview for Enterprise 10.0.9924
    包括普通桌面版本和 Windows 10 for Phones
    Core Libraries 真正实现 "编写一次, 随处运行"
    新的 Cortana 语音助手 for Windows Desktop
    全新的开始菜单, 平板/PC 模式无缝切换
    新的 Action Center 和控制面板
    * Windows 7/8/8.1 用户享有第一年免费更新至 Windows 10 优惠


Windows 10 for Phones:

    新的开始屏幕外观和系统 UI
    改进的屏幕键盘
    Skype 和 Messaging App 的整合
    全新的 Office (和 PC 版通用非 Win32 版本)
    Outlook 应用支持 Word 字处理引擎以及新的手势操作


OneDrive:

    OneDrive 自动上传用户照片并同步到各个设备
    * Xbox 音乐即将支持音乐上传至 OneDrive 并同步到各个设备


浏览器 (Codename "Spartan"):

    新的 UI 和新的渲染引擎
    Cortana 深度整合, 可以即时提供感兴趣的信息


Xbox 体验 for Windows:

    专属的新应用,