在Coding上部署Ghost的一些问题

 •  Filed under Ghost

花了点时间给吴总搭建了一个小站,发现了一些问题,在这边说下。

注:以下问题针对Ghost平台

1.不能托管新增的图片

这个比较要命啊...只有部署时含有的图片能显示,后期上传的图片是不显示的....

解决办法:
主题文件内图片:直接把hbs内写的的图片文件放在和hbs同级的目录下,然后直接和下面一样,在img src写图片的名字。

<a href="{{@blog.url}}" title="前往 {{@blog.title}} 的主页"><img src="图片名称.后缀名" width="80" alt="{{@blog.title}} logo" class="panel-cover__logo logo" /></a>

文章内图片:传到七牛云或者其他有外链的平台,然后markdown调用。

2.评论系统

Ghost没有原生评论,用DISQUS的系统又不能自动合并不同参数同一个页面的评论,聊胜于无。
暂时用多说,虽然以前用wordpress的时候听说这个系统侵犯隐私....

Ghost的/ghost/content/themes/主题名称/post.hbs内修改:

在最底部的{{/post}}前面加上这些:

<div class="ds-thread" data-thread-key="{{slug}}" data-title="{{{title}}}" data-url="{{url absolute="true"}}"></div>
然后在`{{/post}}`后面加上这些
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->  
<script type="text/javascript">  
var duoshuoQuery = {short_name:"xxxxxxxxxx"};  
(function() {
    var ds = document.createElement('script');
    ds.type = 'text/javascript';ds.async = true;
    ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
    ds.charset = 'UTF-8';
    (document.getElementsByTagName('head')[0] 
     || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!-- 多说公共JS代码 end -->

将里面的{short_name:"xxxxxxxxxx"}换成你自己的,具体到http://你设定的域名.duoshuo.com/admin/tools/ 查看。


部署后可看到评论框