博文

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

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个字符