为了大陆能更好的访问blogger
前言:自定义域名那些先搞定,由于Google链接大陆网络无法访问,所以需要替换一些资源链接。
一、替换背景图片
在主题源码中查找
<Variable name="body.background" description="Background"
color="$(body.background.color)"
type="background"
default="$(color) none repeat scroll top left"
value="$(color)
url(https://themes.googleusercontent.com/image?id=L1lcAhfdhteFEMHGeeOxXKaTEdLc89GHDFSHTJRJJ5J46UW6JKASDw)no-repeat
scroll top center ;"/>
将url()里面的内容替换成你自己的背景图片的地址。
二、替换头像
在主题源码中查找
img class='profile-img'
替换后面的链接:
<img class='profile-img' src="你的头像地址">
三、修改CSS、JavaScript
屏蔽
将</head>替换为</head><!--</head>-->
将</body>替换为<!--</body>--></body>
这样一来,自动插入的 CSS 和 JavaScript 就会被包含在注释里,不会被浏览器加载。
替换JS链接
在主题源码中查找
<b:template-script async='true' name='indie' version='1.0.0'/>
将其替换为
<script async='async' src='https://raw.githubusercontent.com/ddmm1214/blogger.-js/main/blogger.js'
type='text/javascript'/>
为了稳定,更好的办法是下载https://raw.githubusercontent.com/ddmm1214/blogger.-js/main/blogger.js这个文件,上传到自己的空间里再引用。
追加:博文首页缩略图问题(2024-1-26)
博文中如果有图片,首页会生成缩略图,而缩略图使用的谷歌链接,国内默认无法打开。这里使用Images.weserv.nl
图片缓存服务,它是一个图像缓存和调整服务,依托于Cloudflare,这是我找到最简单的方法了。
找到下面这个标签(源码中有好几处这个标签,建议改一次,保存,在内网上打开查看)
<div class='snippet-thumbnail'>
里面大概长这样(不同主题可能有点差别,可做参考):
<b:include data='{ image: data:post.featuredImage, imageSizes: [32,64, 128, 256], imageRatio: "1:1", sourceSizes:
"(max-width: 800px) 20vw, 128px" }'
name='responsiveImage'/>
把上面代码替换成:
<img expr:src='"https://images.weserv.nl/?url=" + data:post.featuredImage'/>
评论
发表评论