Google Custom Search & Excerpt for Ghost

总结一下最近对Ghost版Typescript主题的更新。

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

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

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

在typescript主题里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嵌入以下代码:

<script>  
  (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);
    }
  })();
</script>  

祝大家开学/开工愉快。

「Pixiv名畫師賞」第三十二期·August 2016

pixiv201608

以上8位。ごゆっくり。

「Pixiv名畫師賞」第三十一期·July 2016

pixiv201607

NSFW

这几位技能点的比较偏所以就不放在题图里了。风格和画技都是极好的。

以上8(10)位。ごゆっくり。

Hexo Theme Typescript

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

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

这里放一下中文简介。

必需的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-typescript(如果你重命名了Typescript的主题文件夹,请修改成那个名字)

其他自定义:

  • 替换source/images/logo.png

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

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

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

最后丢一张预览图:

Typescript Demo

希望各位喜欢。

「Pixiv名畫師賞」第二十九期·May 2016

pixiv201605

这一期路过了武田弘光,想了一会儿还是算了。

以上8位。ごゆっくり。