博文

目前显示的是 七月, 2019的博文

Blogger 博文首页缩略图解决方法

为 Blogger 模板国内访问优化时,会遇到博客首页文章的缩略图不显示的问题。我总结了一种思路供大家参考。在此之前在 Blogger 模板语法未作改动之前,我们可以利用 Blogger 本身提供的语法来获取博文的第一张图片的原始链接,以用作缩略图之用。不过从 2018 年始(个人察觉),Blogger 对语法进行升级改动,一部分旧的语法被废弃。若仍继续使用,则报错,如下所示:<data:postFirstImage/><!--Can't find substitution for tag [postFirstImage]-->代替的语法为:<data:post.featuredImage/>通过上面代码获得的图片链接并不是图片的原始链接。Blogger 会文章中的图片上传到谷歌的服务器,得到一个新的链接,此链接在国内不能访问。我的思路一、不使用 JavaScript编辑你的博文,切换为 HTML 模式,在文章最前面加入图片链接,并设置样式使其不显示:<astyle="display: none;"href="#">图片地址放在这里</a>在 Blogger 模板文件的相应位置中插入以下代码:<b:ifcond='data:post.featuredImage'><!--判断文章内是否有图片,有则代码继续执行--><divclass='snippet-thumbnail'><!--创建一个 div 容器,缩略图的内容放置于此处--><b:withvalue='snippet(data:post.body,{length: 75, links: false, linebreaks: false, ellipsis: false})'var='customThumbnail'><!--提取文章前面75个字符,存入变量 customThumbnail 中--><imgalt='postThumbnail'expr:src='data:customThumbnail'sizes='(ma…