在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/ 查看。


部署后可看到评论框