Ghost博客:自定义微信分享缩略图和标题

微信分享网页的时候,会在网页里取不小于200*200的第一张图作为缩略图,取title标签里的内容作为标题。我结合ghost的代码,让微信取ghost博客顶部头图作为缩略图,并且在标题中加入了作者名字。

可能有人需要,共享出来。

自定义缩略图

以0.7.1版为例,把下面的代码放到 content/themes/casper/post.hbs 里 {{#post}} 后面即可

{{! 微信缩略图 }} <div style="position:absolute;left:-10000px;">       <img src="{{image}}" width="400" height="400" style="width:400px;height:400px;"> </div>   

在标题中加入作者

在 content/themes/casper/default.hbs 里 <title> 标签相应的位置加入下面代码

{{#post}}{{#author}}{{name}}{{/author}}{{/post}} 

效果

Ghost博客:自定义微信分享缩略图和标题

原文  http://delai.me/code/ghost-wechat/

本站部分文章源于互联网,本着传播知识、有益学习和研究的目的进行的转载,为网友免费提供。如有著作权人或出版方提出异议,本站将立即删除。如果您对文章转载有任何疑问请告之我们,以便我们及时纠正。

PS:推荐一个微信公众号: askHarries 或者qq群:474807195,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分析,高并发、高性能、分布式、微服务架构的原理,JVM性能优化这些成为架构师必备的知识体系。还能领取免费的学习资源,目前受益良多

转载请注明原文出处:Harries Blog™ » Ghost博客:自定义微信分享缩略图和标题

赞 (0)
分享到:更多 ()

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. 11111回复