Google Custom Search and Excerpt for theme Typescript

总结一下最近对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>

祝大家开学/开工愉快。

Update:

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

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

希望各位喜欢。

Ghost Theme Typescript

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

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

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有效。

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

cd <path-to-ghost-folder>/content/themes/
git clone https://github.com/artchen/ghost-theme-typescript.git typescript
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预编译样式语言,方便自行修改样式

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

必须要说的话

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

主题预览

screenshot_kagami_premium

Rakugaki: DEMO

购买方式

目前提供两种购买方式:

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

点击获取付款二维码

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

点击前往Sellfy产品页

福利

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

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

最后

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

既已忘却次数的久违

newyear2015

标题好酸啊。在切入正题以前先为画师赏系列连续空缺两期道歉。十二月是因为期末太忙,一月是因为放假以后太懒。反正都不是理由。二月会再开的。眼下我需要的是冬眠。

重要的事 其一

我决定了。2013夏天之前的主题全部放弃更新开放下载。它们真的好老,好烂,好不堪入目,所以,还是放生好了。据说老到不行的动物会在生态圈里找个安静的角落死掉,我也要把我的过去悄悄地埋起来任其自生自灭。
这一次的自暴自弃波及到的主题包括:Futakotome, Steins;Gate, Decay, Sankarea, Shinobu, Plutinum Disco, Hanekawa。我已经在Works那里更新了链接,大家各取所需吧。
感谢支持过Plutinum Disco和Sankarea的各位,你们的厚爱给予我很大的动力。如果你还在关注宅谈,并看到这篇日志的话,欢迎发邮件给我来登记一份kagami主题。你们将成为kagami的第一批用户。

#edit: 作为附赠品的kagami是未经修缮的原版,包括v1-v4四个版本

重要的事 其二

我决定了,二连击。kagami系列发展到今天看起来已经相当成熟,所以我终于要制作公开版的kagami了。应该是以kagami5作为地基,修改掉天真无邪的部分,加上一些必要的自定义选项而制成的主题。各位可以小小期待一下。(快看啊这个人又给自己挖坑了

重要的事 其三

今天把kagami更新到v6了。虽然外观上没有太多变化,但是内在,最重要的内在是整个重写的!砍掉了好多乱七八糟的东西现在身体里面好舒服啊(kagami视角)。现在我终于知道了我是一个爱上自己写的虚拟物品的变态。
总之,理清了魔术回路以后,kagami也变得更强了。

重要的事 其四

这一年成为了战国迷,决定要起Takechiyo或者Kipposhi做日文名,燃起了对宇多田光的爱(歌迷对歌手的爱),以为能A的课拿了AB,以为只有B以下的课也拿了AB,还发生了很多说不过来的事情。希望各位也健康快乐,新年好,然后,下次再见。

Image via U35(うみこ) – 「謹賀新年」.

主题下载和付款方式更新

刚知道两件事:1.支付宝的个人收款页下线了; 2.我的百度云链接不知道怎么全都失效了= =

所以更换了主题的寄存地,还有收款方式。

现在支付宝只能用扫码收款了,Works页面的付款链接全都指向一张二维码,请使用手机端的支付宝钱包扫码付款。我也觉得这很蛋疼,但是在这个时点只能暂时先这样了。

所有的主题下载全部搬到MEGA。具体牵扯到的主题有:

Futakotome v1.2

Download

Steins;Gate v1.2

Download

decay v1.0

Download

Works页面的链接们也已经更新了。

此外我关闭了一批老文章的评论。总有无视文章发布时间的评论我也挺无语的。

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

哟大家好。久违的新主题发布,我内心也十分激动。上一次发主题记得还是半年以前的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或者支付宝收款页面来付款。

  • paypal – [email protected] (只收取美金)
  • 支付宝 – https://me.alipay.com/otakism

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

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

一些必须要说的话:

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

并不想说的这么严厉,但是为了以防万一还是写了这一段。
请转账付费

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

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

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

Steins;Gate v1.2

重写了一小部分CSS。看起来没有什么区别的1.2版。

  • 删去了slimbox2,请自行安装缩略图插件
  • 删去lazyload
  • 小改左侧panel动画

Download

下版本?换一个slide插件好了。

以及我放弃了把它改成响应式的计划…想想都觉得烦(`ε´)

响应式宅谈

终于(快要)考完了final,终于有时间折腾一下,所以我果断地把宅谈的模板改成了响应式。不过我只测试了pc/mac上的主流浏览器,和apple系列移动端(iphone+ipad)的chrome和safari。如果宅谈在你的设备/浏览器下有崩坏的情况,请一定要告诉我。
之前觉得responsive很高端,很伤脑筋,加上kagami的代码一直乱七八糟没整理过,所以一直不敢去改。真的做好以后回过头看觉得其实还是比较明了的,毕竟blog就那么几个块而已。
俗话说,期末忙成狗(诶?),正应了这句名言,我直到这之前真的忙成了狗,不过现在总算是恢复成人类了T T 周五还有最后一门比较简单但是又很怕玩脱的computer organization(final占到35%分数),我就不多说话去复习好了。
顺带一提,冬休期的计划是Steins;Gate和Sankarea的redesign,我会根据最终翻新的规模决定是不是改名字当做新作品来发布。可以肯定的是两者都会支持responsive。还有一点可以肯定的是不能对我有关假期计划的发言抱太大期望XD

离感恩节还有五天

(我已经连标题都想不出来了么…)
这可是自从八月以来首次的P站推以外的文章,一定要好好珍惜啊T T

やじるし - 非実在文学青年 (27939316)

在一个很不容易地闲下来的周末我小范围更新了kagami4的代码。基本上就是改了一下评论这一块。
现在comment form的样式同gmail(喂喂..

single页的小工具们移到了左侧,因为要把右侧腾出来给新的comment form。
然后加入了@某某的回复,并且把嵌套层数加到无限了(*゚▽゚)ノ
当然还有很多不完善的地方。
比如还没有去做comment form巨大化(按钮暂时是无效的)。
比如还没有去研究怎么摆脱wordpress默认的comment-reply.js,现在逻辑有点混乱导致第一次点击reply的时候动作诡异…
比如我完全不知道是不是会有BUG(喂!
就像我一直以来所做的那样,这些都只是一时兴起罢了,没准哪天觉得丑就换掉了,也没准今后一忙起来就再也不想把没做完的部分做下去了(´・ω・`)
真是无能。
哦对了,一直想加single页的上/下篇文章链接的,到头来也没想到加在哪里比较好看orz
真是太无能了。
虽然我一直都没有好好管着宅谈,但是这几个月来还是有不少访客前来留言,在此向各位道谢。
在各位的留言中感受到了自己无法挽回的衰老(sigh
“为什么现在的初中生这么厉害!”
“我初中都干什么去了!!”
不时会有这样的感叹。
感恩节是不是应该做一些有意义的事情呢?
比如把kagami的前几个版本整理一下发出来、
比如好好地更新一下steins;gate的代码…
开什么玩笑!
我可是百忙之中的大二生哟!(这个人已经在用这个身份做挡箭牌了
总之、会努力的。(毫无信用度的保证
最后,请大家稍微期待一下十二月的P站推吧。
Thank you.

题图 via やじるし(13569) – 非実在文学青年(27939316)

# Update 12:17 11/23/2013「诡异的动作」修复了