为了大陆能更好的访问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>替换为&lt;/head&gt;&lt;!--</head>--&gt;
  将</body>替换为&lt;!--</body>--&gt;&lt;/body&gt;
这样一来,自动插入的 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: &quot;1:1&quot;, sourceSizes:
  &quot;(max-width: 800px) 20vw, 128px&quot; }'
  name='responsiveImage'/>
把上面代码替换成:
    <img expr:src='"https://images.weserv.nl/?url=" + data:post.featuredImage'/>

评论

此博客中的热门博文

ELK日志平台——Elasticsearch 8.x安装部署

Linux终端中文字体显示乱码问题解决方法

部署ELK日志平台集群(Elasticsearch, Logstash, Kibana)实验记录