wording.in

cinvro.com

Start From Hexo – Canvas

http://www.cinvro.com/post/start-from-hexo

August 6, 2013 #hexo. 是台湾 coder @ tommy351. 使用 node.js 写的一个轻量级静态博客生成器。 上看到他从 Octopress 迁移到了 Hexo，后者的优势是生成静态页面的速度是使用 ruby 的程序的数十倍，而且 port 了不少 Octopress 的插件。 Lucifr 说他全站超过600篇文章在 Hexo 下只用了30秒左右就完成了。 顺手在本地搭建了一个 Hexo 博客之后，我被它简洁的逻辑折服了，相较之下 wordpress 显得过于臃肿，并且非常的不 geek。 不得不说，注重效率和 K.I.S.S 设计哲学的人很难接受每次打开文章都需要调用数据库并动态生成 HTML 页面。 基于以上的思考，上一个域名到期后我便放弃了 wordpress，开始考虑以 Hexo 为基础重新部署我的码字方式。 我做的一件事是将技术和非技术的写作分离，抛弃之前 novaliu.com 大而全的设想，剥离所有不必要的附加功能。 升级到 20 版本，其中整合了一键发布到 scriptogram. 顺便提一句，国内也有个和 scriptogram 类似的产品 farbox.

cinvro.com

Hexo 源码略读（一）：init.js – Canvas

http://www.cinvro.com/post/hexo-source-1

Hexo 源码略读 一 init.js. August 6, 2013 #hexo. 生成引擎，由台湾 coder @ tommy351. 开发，它的 github 主页在 这里. Hexo 源代码的目录结构如下，由于空间的关系，asset 、test 目录和 plugins 下的子目录都没有展开。 使用的代码版本是 1.2.4。 LICENSE Makefile README.md assets bin hexo lib call.js extend.js generate.js i18n.js init.js model.js plugins console deployer filter generator helper processor renderer tag process.js render.js route.js util package.json test. 核心代码都位于 lib 文件夹下，bin 下面有一个名为 hexo 的可执行 node 脚本，这个脚本在使用 npm 安装 Hexo 后会被放置到某个 bin 目录下，并加入环境变量。 但JS 引擎看到 hexo 的.

cinvro.com

几款小众博客平台 – Canvas

http://www.cinvro.com/post/blogging

August 17, 2013 #blog. 从新浪博客、Blogpost，到 Blogbus，Blogcn 现已残废 ，再到 Tumblr、点点。 开发，我猜测它使用 Ruby 搭建，采用在线编辑、发布的模式，内容编辑方面放弃了 markdown 而选择了 WYSIWYG 所见即所得，类似于 Word 的富文本编辑模式。 支持 Disqus 评论和 Google Analystics，目前没有额外的主题和模板可供选择。 此外，重度的 blogger 大都对 writings.io 所提供的这样的富文本编辑器缺乏好感，功能简陋不说，在浏览器中码字毕竟隔靴搔痒。 目前 writings.io 有超过 3500 名注册用户，活跃用户应该远远低于这个数字。 如果 Rei 不在下一个稳定版本中对 UI 和编辑模式做一些调整，writings.io 的前景是令人忧虑的。 是一只支持 markdown 语法的博客平台，目前已推出 iOS 版本，Mac 平台的客户端正在开发中。 由于 roon.io 上线不久，该团队也做过一些比较成功的产品，它的未来值得观望。 现使用 scriptogr.am 驱动。 在默认字体、网...

cinvro.com

Hexo 单栏主题 Perry – Canvas

http://www.cinvro.com/post/perry

August 10, 2013 #theme. Hexo 默认的 Light 主题在布局上非常完善，样式简洁耐看，是一个完成度很高的作品，有不少 Hexo blogger 至今都在用它。 上周折腾 Github 时看到 heroicyang. 这几乎是目前非默认主题中最耐看的一款 可能我比较青睐单栏布局 ，于是立即把主题更换为 modernist。 Archive 页面取消分页的布局和 Light 一致，字号过大且不够紧凑。 做 Perry 这个主题的时候，我心里设想的是一个透明的容器，干扰越少越好，就像作为字体的 Helvetica 那样。 EJS 模板文件修改的不多，唯一的大改在 archive 子布局上。 修改过程中的体会有 EJS 并不像我原来所想的那样凌弱，无论是和 node 推崇的 jade 还是 haml 等一票新生代模板引擎相比，EJS 平滑的学习曲线都是一个不小的优势，从 PHP 切换过来几乎可以做到无缝。 另外，正如前辈们所讲的那样，一旦习惯了 stylus 的缩进风格，和无比强大的多级继承，你就再也不想回去规规矩矩写 CSS 了。

cinvro.com

Pinboard/Delicious 客户端 – Canvas

http://www.cinvro.com/post/shiori

August 12, 2013 #OS X. 是书签网站 Pinboard 和 Delicious 的第三方 Mac 客户端。 功能简单实用，Pinboard 收费我不用，就绑定 Delicious 的体验，它让我更喜爱使用这个服务。

cinvro.com

Placehold.it 图片占位符生成服务 – Canvas

http://www.cinvro.com/post/placehold-it

August 20, 2013 #image. 上面的图片即由 Placehold.it 生成，获取它你只需要在 URL 后面加上图片尺寸，像这样. Http:/ placehold.it/580x200/333333/dddddd.jpg&text=cinvro. 这将会生成一张 580x200 的 JPEG. 最后附送一枚 Text Expander 的 snippet，可以用填充的方式来快速使用 Placehold.it:. Img src=http:/ placehold.it/%fill:width%x%fill:height%/%fill:background-color%/%fill:font-color%&text=%fill:title% alt=%fill:title% width=%fill:width% height=%fill:height% /.

cinvro.com

使用 Text Expander – Canvas

http://www.cinvro.com/post/text-expander

August 19, 2013 #blog. 有时候真是很讨厌一遍又一遍地输入自己的 email 地址来 login 不同的账户，写博客的时候也越来越不愿意手工敲 Markdown 和 HTML 标签。 IOS 越狱后可以通过安装 KBShortcut 来实现快速输入文字，我用它来保存了自己的电邮地址、常用住址和电话号码，只需要一个手势操作即可完成键入。 当我在想 OS X 上有没有一个这样的工具时， Text Expander. 中提供了两个AppleScript 脚本来实现从文件夹中提取 Tags 列表并完成快速插入的实例，我修改后的代码如下. Set the clipboard to. 他原来的代码无法在 ByWord 等程序中完成文本插入 实测只有 Sublime Txet 2 没有问题 ，所以我做了细小的修改，将返回的选中 list 存入剪切板，另外我搜索了两个包含tags的目录 因为有两个博客 ，所以 list 做了合并。 当然这个 trigger 是可以改的 ，然后就会弹出如下选框. 选择后确定 Tags 就会复制到剪切板 ，然后粘贴到想要的位置即可。

cinvro.com

DIY Jekyll Tags – Canvas

http://www.cinvro.com/post/fix-jekyll

August 22, 2013 #jekyll. 并 fork 了 Mu An. 但是 Jekyll 比我想象中还要朴素，它没有预设 tags、sitemaps 以及分类功能。 中推荐的 jquery.tagcloud.js. Clone 上面这个 repo 到本地，将 jquery.tagcloud.js 复制到 jekyll 所在目录 可以放在 js 子目录下。 自己写一个 tags 布局 或许会更好。 29、30 行的 js 文件源地址修改为你所存放脚本的路 径。 下方的脚本参数可以自定义，它会影响生成的 tags cloud 的样 式，具体参照这个 github page. 修改 post layout 文件，在适当的位置加入如下代码段以显示 tags. 比起 Hexo 为每一个 tag 生成一个页面的逻辑，这种策略显得环保许多。 我关心的另一个问题是 footnotes 渲染，众所周知 jekyll 所支持的 markdown 引擎中， redcarpet. 而新版本的 redcarpet 因为 某些原因. Here is your code ` `.

cinvro.com

Svbtle 与 Medium – Canvas

http://www.cinvro.com/post/copy-svbtle

August 25, 2013 #blog. 确切的说是 Medium 和 Octvse. Svbtle 和 Octvse 之争. 发生在去年，Dustin Curtis 经营精英博客的决策惹恼了内华达的工程师 Nathan Wienert，后者基于 Rails 克隆了 Svbtle，并在 GitHub 上对公众开放了源码。 Dustin Curtis 设计 Svbtle 的初衷是提升自己写作博客的质量，而后采用邀请的方式开放给精英用户使用。 Svbtle 使用 1 : 3 双栏设计，并拥有一个类似于 Like (点赞) 的动画效果 Kudos。 Svbtle 的主页不出意外地会定期推文，feature 作者的文章使得 Svbtle 更像是一个生态圈。 我比较喜欢 Dustin 为 Svbtle 设计的侧栏 logo 和按钮风格。 Svbtle 代码块的样式并不尽如人意，考虑到 Svbtle 不是针对技术用户，该需求刚性不高，尚且可以接受。 而 Svbtle 的亮点所在 后台，确实给人以简约、易用的既视感。 由于 Svbtle 暂不开放，我只能通过 Obtvse 的 Demo 简单体验。

cinvro.com

我的 iOS 插件集 – Canvas

http://www.cinvro.com/post/ios-plugins

September 3, 2013 #iOS. IOS 越狱对我来说是一个刚性需求，自从在 iPad 2 上配置好一套称手的插件集之后，就难免感到原生的 iOS 在某些场景下不够敏捷。 拿到 iPad mini 后短暂玩了下 iOS 7 beta4，然后降回 6.1.2 越狱，配置插件。 说到越狱后第一个必装的插件，多数人会投票给 SBSettings，但我认为 Activator 才是越狱的核心价值所在。 别忘了 SBSettings 也依赖 Activator。 我主要使用它来绑定 Home 键、多任务手势 原生的四指上推也不错 、快速启动应用、锁屏、屏幕快照等。 NCSettings 是我用过最接近原生风格的通知中心插件，外观上甩开 SBSettings 十条街。 通过 NCSettings，用户可以将十八种快捷开关按照任意顺序置于通知中心的顶部 比 iOS 7 的 Control Center 多出十余种。 而在上图的通知中心中，就已经通过 NCColors 这个插件实现了背景的透明和毛玻璃效果 图中未开启。 NCColors 支持 RGB 参数调色，以及开关 Blur 毛玻璃 效果。