cdn.rawgit无法访问

最近发现rawgit国内访问有问题,不翻墙访问不了,难怪最近tag cloud都加载失败。不过好在tag cloud的代码不多,可以直接在ghost的code inject中添加tag cloud的压缩代码即可。 !function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var o in n)…

为Ghost添加标签云

最近升级了Ghost,发现Ghost多了Public API功能,正好可以给单调的Ghost页面添加一点小玩意儿。 要使用标签云,只需要在Ghost的Code injection的Blog Footer中添加如下代码( cdn.rawgit已经挂了,可以直接把压缩代码放到ghost的code injection中,详情查看。 https://www.hoyt-tian.com/cdn-rawgitwu-fa-fang-wen/ ) <script src="//cdn.rawgit.com/hoyt-tian/tagCloud/v0.3.0/dist/tagcloud.js"></script> <script> // 手机上不显示Tag Cloud; Never show Tag Cloud on Mobile Browser var isMobile = (function(){ return navigator.…

Ghost缩放图片插件

昨天写了一个React事件机制的帖子,用到了几张大图,但由于图片太大了,而Ghost在显示图片时,按比例缩小了这些图片,导致图片内容看不清楚,为了解决这个问题,我写了一个Ghost的小插件,给Ghost增加缩放图片的功能。 Demo 例子可以直接看这里,随便点击博客文章里的图片。https://www.hoyt-tian.com/reactde-shi-wu-ji-zhi/ 用法 使用方法非常简单,在Ghost的设置中,找到Code Injection,然后在Blog Footer中添加下面的代码即可。 <script src="https://rawgit.com/hoyt-tian/ghost-image-viewer/master/dist/ghost-image-viewers.js"></script> Github https://github.com/hoyt-tian/ghost-image-viewer…

设置Ghost中语法高亮、流量跟踪

网上有很多教程,都说要去theme里面改,其实这样做并不好,如果想换新主题,又要去模板文件中添加代码。更好的方式是,在ghost管理后台,有一个Code Injection功能,它支持在每一篇文章中{{ghost_head}}和{{ghost_foot}}中注入代码,这样,语法高亮、流量跟踪和disqus配置就都可以很方便的完成了。 语法高亮支持 默认的Ghost系统中并没有语法高亮功能,通过引入hightlight.js的相关资源即可。首先在Blog Header中输入 <link href="//cdn.bootcss.com/highlight.js/9.0.0/styles/darcula.min.css" rel="stylesheet"> 然后在Blog Footer中输入 <script src="//cdn.bootcss.…

给Ghost添加评论支持

Ghost默认是没有评论功能的,可以通过第三方服务增加评论支持。 Disqus Disqus官网上有专门针对Ghost的指导说明,原文连接如下:https://help.disqus.com/customer/portal/articles/1454924-ghost-installation-instructions 不过有一个小改动,首页每个帖子的输出已经不在index.hbs中了,而是在partials/loop.hbs中,那里面才能找到post-meta 友言 Disque只支持国外的社交账号,友言则可以使用国内更为常见的社交媒体账号。友言提供了一段通用的js代码,一开始偷懒,直接将代码复制到了Code Injection里面。后来发现加上去之后首页也会出现底部的评论,呃...我只希望在博客的内容页面上显示评论,因此,不能直接将代码放到Code Inject中,还是需要在hbs文件里添加。在对应的theme文件夹下,打开post.hbs,添加的位置可以参考Disqus中的描述…