使用 <template> 标签来隐藏 Blogger 添加的内容

使用 <template> 标签来隐藏 Blogger 添加的内容

太长不看:把想隐藏的内容用 <template></template> 包起来就可以了

0.webp

在跟随 Blogger 国内访问心得 这篇文章魔改主题的时候,发现原文提供的方法

</body> 替换为
&lt;!--</body>--&gt;&lt;/body&gt;

已经失效了。

大概解释下原先方法的原理。Blogger 添加那段我们想干掉的内容时,可能只是做了一个简单的字符串替换 str.replace(r'</body>', target + r'</body>', 1)。但是我们整了个假的 </body>,并且把它注释掉了,导致 Blogger 添加的内容也位于注释中。

原先方案失效的原因是 Blogger 官方添加了一段注释,而 HTML 似乎没法嵌套注释(这点存疑)。

面向 Stack Overflow 折腾一番后,找到了这篇东西:Are nested HTML comments possible?。文中提到了若干种隐藏内容的方法,我选择的是用 <template> 标签把一个假的 </body> 包起来。

只需要将 </head> 替换成

&lt;template&gt;</head>&lt;/template&gt;
&lt;/head&gt;

</body> 替换成

&lt;template&gt;</body>&lt;/template&gt;
&lt;/body&gt;

即可。

热门博文