自定义博客功能拓展,HEXO 注入器

在我把主题从 Cards 切换到 Fluid,发现 Fluid 默认没有提供接口以便在 <head> 后面插入 Google Sitemap 相关的信息,通过阅读 Fluid 提供的文档,我发现了 HEXO 5.0+ 提供的一个功能:HEXO Injector。 HEXO INJECTOR What is HEXO Injector ? 注入器被用于将静态代码片段注入生成的 HTML 的 <head> 和/或 <body> 中。Hexo 将在 after_render:html 过滤器 之前 完成注入。 hexo.extend.injector.register(entry, value, to) 几个应用场景 Instant.Page Instant.Page 是一个提高用户浏览网页的好工具,很多比较大的公司都使用了该工具: 例如:Adidas\Spotify and etc Instant.Page 可以让用户在站内移动鼠标到站内链接时用自己的方式预加载当前鼠标指向的链接。当你再次点击该链接,可以实现更迅速的打开。例如我的博客搭建托管在 Cloudflare,加载了 Instant.Page 可以比没有提升了肉眼可见的提升。 Instant.Page Github <script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script> 在 HEXO 各个不同的主题中,一般会提供不同的方法让你在</body>前插入自定义代码段。下面是一些我用过的主题实现加载 instant.page 的方法。 Butterfly 直接在 _config.butterfly.yml 中设置 instantpage: true 即可。 fluid 按照以下文段中替换 value 中的值即可。 对于部分安装了 Ublock Origin 的浏览器,由于Amazon等大型网站也是采用该脚本加速广告,该脚本会被插件所屏蔽,你可以保存 instant....

二月 13, 2021 · Peng Cheong