hexo 自定义 js 脚本

hexo 的官方文档,在插件部分有写

如果您的代码很简单,建议您编写脚本,您只需要把 JavaScript 文件放到 scripts 文件夹,在启动时就会自动载入。

那么我在博客根目录,新建 scripts 目录,然后里面放一个 test.js 的 JavaScript 文件,内容就写

console.log('haha, powersee')

之后我执行 hexo s 启动 hexo 服务器,终端就会输出我自定义的内容。

INFO  Validating config
haha, powersee
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

也就是说这个脚本成功执行了。

而且还可以建立多个 js 文件,例如 test2.js test3.js …

那我们可以通过建立脚本文件,来实现一些自动化操作。在 过滤器(Filter) | Hexo 里面有提供一些例子。用得比较多的应该是 before_post_render。

过滤器列表一共有这些:

  1. before_post_render
  2. after_post_render
  3. before_exit
  4. before_generate
  5. after_generate
  6. template_locals
  7. after_init
  8. new_post_path
  9. post_permalink
  10. after_render
  11. server_middleware

前段时间我耗费了不少时间在研究这个,感觉还是挺有趣的。目前实现的功能有:检查文章中的图片链接、自动复制图片到 hexo 博客目录中。

后面整理整理再分享出来。