Google Custom Search and Ghost Excerpt

总结一下最近更新。

因为Ghost本身没有搜索功能,之前包括我在内的很多用户都是用Swiftype提供的索引服务来做搜索。最近Swiftype业务调整,直接砍了免费版,收费版从每月$299起跳,一跃成为了贵族服务。所以我只能另寻出路。

Swiftype那个前端插件的体验我是相当喜欢的,所以这次决定在其基础上集成Google Custom Search Engine的JSON接口来拯救宅谈的搜索。

思路相当简单,取回JSON数据以后更新列表和metadata就是了。Demo看效果就用宅谈吧。源码也已经放到Github Repo,欢迎取用。

主题里Google Custom Search默认是启用的。顾虑墙的问题、有更好的解决方案或者单纯不想要的话可以在app.js里改option为false。

以后有空的话再做别的搜索服务的API吧,比如Bing。

接下来是很多用户要求的适合中文的截断功能。因为我不想改Ghost源码,所以在前端用regex暴力截了。如果觉得这种做法太简粗或者单纯不需要这个功能,改option为false即可。

此外我删除了位于post.hbs和page.hbs的Disqus代码。有些用户取用主题的时候没有更改这些文件,导致我的disqus crawler抓了很多别站的页面。今后请使用Ghost的code injection来嵌入第三方插件。对于Disqus来说,请在footer嵌入以下代码:

(function() {
  var disqus_username = 'YOUR_DISQUS_USERNAME'; 
  var d = document, s = d.createElement('script');
  s.src = '//' + disqus_username + '.disqus.com/embed.js';
  s.setAttribute('data-timestamp', +new Date());
  if ($('body').hasClass('post-template')) {
    (d.head || d.body).appendChild(s);
  }
})();

祝大家开学/开工愉快。

Update:

现在Hexo版也支持Google Custom Search。同时Hexo版加入了本地搜索功能,可以在_config.yml设置选择哪一种搜索。

Hexo Theme Memory

Hexo版的Memory现在可以通过Github下载。

地址:https://github.com/artchen/hexo-theme-memory

这里放一下中文简介。

必需的Hexo插件:

  • hexo-generator-tag
  • hexo-renderer-ejs
  • hexo-renderer-less
  • hexo-renderer-marked
  • hexo-pagination

编辑主题文件夹下的_config.yml文件来自定义。

编辑Hexo根目录下的_config.yml也需要一些做一些设置:

  • disqus_shortname属性设置成网站的disqus代号,如果不使用disqus请留空
  • theme属性设置成hexo-theme-memory(如果你重命名了主题文件夹,请修改成那个名字)

其他自定义:

  • 替换source/images/logo.png

搜索功能用swiftype实现,请去他们官网自行配置。

宅谈使用了Adobe Typekit提供的字体,如果你不用Typekit,可以在layout/_partial/head.ejs里删除相关代码。

请不要删除页面底部的作者信息和链接。

最后丢一张预览图:

Memory Demo

希望各位喜欢。

Ghost Theme Memory

宅谈当前使用的Ghost主题现在可以通过Github下载了。

地址:https://github.com/artchen/ghost-theme-memory

Repo里传了一份英文README,这里用中文简单介绍一下。

因为是自用主题所以没有考虑给用户的自定义选项,所以自定义必须直接改源代码。如果想直接用,需要做以下改动:

  • 更换logo图片 assets/img/logo.png
  • 更换站点简介 partials/header.hbs
  • 更换Disqus集成 page.hbspost.hbs
  • 更换社交网站链接 partials/footer.hbs
  • 搜索功能用swiftype实现,请去他们官网自行配置。
  • 宅谈使用了Adobe Typekit提供的字体服务,默认英文字体是Futura。如果你不用Typekit,可以在default.hbs里删除相关代码。如果你有自己的Typekit账号,请在header.hbs更换相关js嵌入代码。这一步是必须的,因为我的Typekit嵌入代码只对otakism.org有效。

如果需要进一步开发,需要安装gulpbower and npm和安装开发环境。


cd <path-to-ghost-folder>/content/themes/
git clone https://github.com/artchen/ghost-theme-memory.git memory
npm install
bower install
gulp

请不要删除页面底部的作者信息和链接。

希望各位喜欢。

kagami – 响应式WordPress主题

我在宅谈兑现承诺是不是从来没这么快?

简单介绍

Kagami 是一款由 本人 制作的 WordPress 主题。最初的版本发布于2013年初春,其后经历了v1-v5五个版本的更改,最终变成目前宅谈使用的v6这样。

而这次想要出售的kagami主题,与宅談一直以来使用的不同,是面向一般用户的版本。基本上是由v5修改而来,外观与v5持平,而内在全部重写,代码的整洁度远远超过宅谈之前的任何一款主题。定价人民币69元,如果用美金支付则是$11.99。

一些特点

  • Google+风格的首页
  • 响应式设计支援全设备浏览
  • 可自定义的侧栏菜单
  • 11种可选的社会化网络图标
  • 支持Wordpress官方的友链管理器
  • 来自 icomoon.io 的字体图标
  • 使用Less预编译样式语言,方便自行修改样式

主题压缩包内有详细的说明文档,如果实在看不懂我拙劣的说明,可以直接发邮件给我询问。

必须要说的话

  • <span class="s2">购买本主题意味着接受该主题一切的优缺点,所以一旦售出不接受退款。</span>
  • ****<span class="s2">为了维护作者和其他用户的权益,请不要将主题包内的任何内容公开或私下分享给第三方。</span>
  • <span class="s2">主题售出后的服务范围包括:主题的不定期升级、bug修复、主题设置的疑难解答;并不包括:主题样式和功能的定制、出于单一用户个人喜好的样式和功能的修改。</span>
  • <span class="s2">请完整保留页面底部的作者信息(包括作者主页的超链接)。如果您对主题进行了修改,可以使用”Modified by…”进行声明。</span>
  • <span class="s2">不允许任何未经原作者授权的跨平台移植行为(无论该移植有偿或无偿)。</span>
  • <span class="s2">主题及其条款的最终解释权归主题作者本人。</span>

主题预览

screenshot_kagami_premium

Rakugaki: DEMO

购买方式

目前提供两种购买方式:

第一种,适用于支付宝用户,请用支付宝手机客户端扫码支付69元人民币,然后将称呼,交易号,联系邮箱,网站地址发送到我的邮箱[email protected]。我会尽快登记并把主题文件发送给您。

点击获取付款二维码

第二种,适用于海外用户,请移步sellfy购买主题。sellfy会自动生成专属的下载链接,您可以直接获取主题包。为了方便我今后发送更新提醒/bug修复等等通知邮件,也请您把称呼、联系邮箱和网站地址发送给我。

点击前往Sellfy产品页

福利

之前一篇文章里提到过我会给购买过宅谈付费主题的用户无偿提供kagami的v1-v4版本。这份福利从今日开始实施,并且长期有效。请发邮件向我索取。

这几版无偿提供的kagami主题,初衷是供学习参考,当然如果您想直接自用也可以。我不会提供任何支持,而且会主动无视相关提问。

最后

Kagami 很可能是我制作的最后一款Wordpress主题。不管从什么方面来说,我都认为这是我迄今最精良的作品。衷心希望各位喜欢,也感谢大家(多年以来)的支援。

信息量很大的一篇

文如其题,有好多想说的话。一般我没有时间写这么长的文章,但是春假9天太良心,我就不客气了。

1. Ghost

这个学期以来虽然上课啥的每天都很忙,但是我多少还是做了一些事情。其中之一就是试着写了两个ghost主题。我先介绍一下ghost是什么。因为好像还没有英文以外语言的wikipage,所以只好由我先简单地<del>添油加醋</del>翻译一下:

> Ghost是一款由 John O’Nolan 和 Hannah Wolfe 创始的开源博客平台。这支程序起源于John本人精简Wordpress的想法。因为长久以来大家都很烦wordpress(`ε´),所以这个项目在创始初期即获得了大量好评(终于有人挑头寻找出路了么?)。众人的点赞让约翰对Ghost有了更大的野心,所以他去著名的众募网站kickstarter发了个帖,没想到竟然筹集到196‘362英镑,远远超过了25’000英镑的目标。于是到了2013年10月,Ghost就正式公开发布了。

大概就是这个意思。如果让我来简单罗列一下Ghost的特色,那么应该是:

  • 基于nodejs:或许对很多人来说不是好消息,因为这相当于逼着你入手VPS
  • Markdown编辑语言:倒不一定所有人都会喜欢Markdown(我本人倒是相当喜欢那样的书写体验
  • 极致简洁:现在的Ghost真的简单到极点,除了发布博文以外几乎没有任何其他功能,甚至没有文章分类和文章评论。哦,不过tag还是有的。

有关ghost的介绍就到这里,有兴趣的访客可以自行去官网https://ghost.org参详。
然后是我自己写ghost主题的感受。
最大的感觉就是,快。因为本来就没有几个页面可以写(只要写三个页面就能发布了w),也没有错综复杂的function library和documentation。而且因为ghost自身就提倡极简化,所以更加方便了我<del datetime="2014-03-19T05:12:03+00:00">偷懒</del>贯彻简洁主义。相比之下,开发“符合要求的”Wordpress主题则要辛苦几百倍…

yabu_ghost.org

我写的第一个ghost主题是移植版的竹林中,大概花了一个工作日左右(包括配置ghost、读官方文档和写主题说明)。现在这个主题已经通过Themeforest审核,地址在:

传送门

嗯,既然提到了Themeforest,那就来聊聊Themeforest吧。

2. Themeforest (https://themeforest.net)

Themeforest,正如大家所见,是一个国际化的正规主题交易平台。在上面发布主题的有工作室、公司也有像我这样的个人。在Themeforest发布的主题模板需要经过审核员的N轮审核,确保主题产品符合TF的要求,才能发布出来。主题的价格由审核组决定,而不是作者自行定价,所以根本上遏制了价格战<del datetime="2014-03-19T05:12:03+00:00">,同时也让我失去了唯一的竞争优势</del>。不过这个出售价格里,主题作者只能拿到50%,而且你还得是exclusive author,换句话说你的这个主题只能在themeforest出售,这一点我觉得实在是太坑爹了。

Themeforest还要求非常详细的documentation,并且要尽量确保主题在各种情况下不出问题。TF的审核员还是相当仔细的,像ghost版的竹林中我来回改了四轮,花了一个礼拜才通过。

不过作为一直以来想要达成的目标,“在Themeforest”上发布主题这个心愿算是达成了。可喜可贺,可喜可贺。

themeforest-preview

上文提到的第二个Themeforest主题叫做Kcalb,说白了也是试水ghost,没什么特别的,地址在:

传送门

既然我差不多搞懂了在Themeforest发布主题的流程,那今后宅谈还会不会有新主题发布呢?我还没有考虑好这个问题。在宅谈发布主题可以偷懒,可以不写说明书,可以出各种错厚着脸皮偷偷改,我还是很不舍得这份懒散的w 而且TF的50%抽头真的略狠。所以这件事我还要再斟酌一下。

3. Rakugaki.me (https://rakugaki.me)

Rakugaki

落書き,是我断断续续花了一个月拼凑出来的portfolio。这个网站的野心在于彻底杀掉滚动条。结果来看姑且是达到了初衷。现在只有展示kcalb和yabu no naka两支主题而已,今后会挑选优质的作品做成单页添加进去。这样做一个自己的作品集网站的目标也达成了。

4. WordPress

有一个显而易见的问题,我以后还要不要继续做wordpress主题。因为做wp主题真的好烦人啊,特别是学习了国际化的themeforest那高大上的requirement以后,顿时发现以前写的wp主题简直毫无规范可言。相比之下,ghost theme又好做又容易做的好看(功能少信息量又小,就可以专注在视觉上了),更适合拿来当做消遣,更符合我做主题的初衷。

所以我可能会在一段时间内暂停wordpress theme的开发(在完成yabu no naka的themeforest版以后),把灵感首先用在ghost上。但是可以保证的是,如果再发布wordpress主题,其质量肯定会远超过目前宅谈的任何一个主题。因为,我真的发现之前做的东西在Themeforest就是垃圾啊T T

5. kagami3的处置

目前有成品但未发布的主题里呼声最高的好像就是kagami3了吧。我也蛮想发出来的,但是我现在对自己的要求是Responsive并且要基本达到themeforest的标准,对旧世代(是的我已经划分了世代= = 即将做完的TF版竹林中和现在的kagami5是新世代,其他所有都是旧世代)的kagami3来说要修改过去真的很花时间。所以kagami3的改造只能继续延期了。唯一可以确定的是我不会把它放到themeforest。

6. 其他旧世代主题的处置

基本上该怎样还是怎样,不打算更新代码也不打算停止分享。唯一想要停止分享的是Sankarea,那个主题现在看来其实很烂不是吗,但是我又不能就这样彻底免费公开掉,因为对已经购买的用户不太公平。真是有够烦人。而且总觉得这个定价方式不但让用户很为难,我自己的感受也很不好。

7. Pixiv名画师赏

最近对这个系列比较懈怠,还出现了跳票的情况,在此道歉。我并没有想要放弃。在我本人搜集的画师资源耗尽之前,这个系列是不会停止的。

唔、大概就说这么多。如果有遗漏的话,以后再补上吧。趁着春假的最后一丝时光,将这篇久违的长日志发布好了。

大家晚安。

新主题「竹林中」献给天下文学少女/少年

哟大家好。久违的新主题发布,我内心也十分激动。上一次发主题记得还是半年以前的decay和Platinum Disco吧。不过这样还蛮符合学生的作息的,我反正是深以为然w
新主题「竹林中」,Yabu no Naka,命名取自芥川龙之介的著名短篇小说,其实跟小说没有关系,只是想要做一款绿色调的稍微有点文艺的主题,就想到了这个名字而已。这样随便的命名方式是很宅谈的,我反正也是深以为然w
随便截一张首页的效果图的话,这个主题大概是这个样子:

yabunonaka

说是献给文学少女,其实基本上的个人博客都可以用。

「竹林中」(Yabu no Naka)主题具备这些素质:

> – 响应式(Responsive)设计,支持iPhone/iPad/PC等多种终端浏览 > – 全部图标针对Retina屏幕优化 > – 支持9个平台的文章分享/收藏功能 > – 支持Wordpress自定义菜单 > – 重新设计的评论列表和评论表单 > – 重新设计的友情链接页 > – (还算)丰富的后台选项 > – 顶部自动获取最新推文(见demo) > – 可选13种社会化网络链接图标(见demo 底部) > – 攀上芥川龙之介杰作的命名(喂 > – 堪比kagami5的完成度(喂喂

「竹林中」(Yabu no Naka)主题不具备/暂时不具备:

> – 内置的缩略图插件(例如lightbox, slimbox) – 如果需要请自行安装插件 > – WordPress widgets – 今后可能会加入 > – 自定义全站配色 – 今后可能会加入 > – 其他一些未知的功能

更多的特色请移步DEMO亲手体验吧。

这款主题的定价是 USD$10 或者 RMB¥60,请通过Hermit的paypal或者支付宝收款页面来付款。

付款完成后,请发送邮件到[email protected],注明您的 称谓、E-mail、网站域名 和 足够我们将您和您的款项对号入座的信息(比如交易号)。和以前说的一样,我将誓死保卫这些信息的安全。我会尽快核实并通过邮件把主题压缩包传送给您。

*由于直到1月7号我都将在旅行中,所以核实和发送会延迟比较多的时间,请谅解。

一些必须要说的话:

  • 购买本主题意味着接受该主题一切的优缺点,所以一旦售出不接受退款
  • 为了保护制作者和用户双方的利益,请不要向第三人提供任何主题文件
  • 主题售出后的服务范围包括:主题的不定期升级、bug修复、主题设置的疑难解答;并不包括:主题样式和功能的定制、出于单一用户个人喜好的样式和功能的修改
  • 请完整保留页面底部的作者信息(包括作者主页的超链接)。如果您对主题进行了修改,可以使用”Modified by…”进行声明。
  • 不允许任何未经原作者授权的跨平台移植行为(无论该移植有偿或无偿)。
  • 主题及其条款的最终解释权归主题作者本人。

并不想说的这么严厉,但是为了以防万一还是写了这一段。
<del datetime="2014-01-02T06:02:53+00:00">请转账付费</del>

关于新主题想说的话大概就是这么多。

冬休已经过了一大半,剩下的时间也不知道能不能静下心来改一改Sankarea或者decay。对付以前写的主题真是伤透脑筋,用比喻来说的话就像是在看不认识的笨蛋写的东西一样,不时会发出“这家伙到底什么逻辑(# ゚Д゚) ムッ!”这样的感叹。也许有些东西就应该让它成为时代的眼泪才好。

最后、2014年、也请各位多多指教。