Hexo & butterfly 会自动按照其设置指定的方式对markdown文件进行渲染，生成对应的博客页面。

不过可能除了写博客，我们还希望能在博客上部署一些小页面小功能，butterfly也是支持的。

我们可以在 /source 文件夹下新建一个html文件夹，将我们写好的页面（html、css、javascript）一起放进去。

1
2
3
4
5
6
source
    |-- html
          |-- index.html  # 主要的小工具总览页面
          |-- Tool1  # 各种不同的小工具
          |-- Tool2
          |-- ...

在 _config.yml ，我们需要指定hexo让其跳过对html文件夹下内容的默认渲染：

1
2
skip_render:
  - "html/**"

最后，我们可以在menu栏添加一个Tool图标，会首先跳转到一个总览页面，专门用于存放自己的小工具：

1
2
menu:
  Tools: /html/index.html || fas fa-archive