在Coding上部署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/ 查看。
部署后可看到评论框