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