Butterfly主题中界面找不到的问题

今天我遇到了问题

点击这两个区域报404错误

于是就上网找答案，找来找去，发现都是是解决Butterfly中“导航栏”配置tags与categories配置的方法，怎么也找不到“侧边栏”中前面这两项报404的问题。
在社区群里问，直到我自己找到解决方法也没有人回我。故在这里记录下指南。

经历与过程

1. 一开始扒了别人的博客网址，发现两条HTML代码，感觉是自己写的。但后来随着样本的增多，我发现这代码是官方配置好的，于是调整自己的方向，转向官方的配置文件，
   用ChatGPT查官方文件、社区交流困惑，均无法解决问题，于是再自行解决问题。

2. 图片
   
   这是服务器直接部署在GitHub上报错的页面
   
   这是使用Vercel托管报错的页面
   注意前一张图片的报错：For root URLs (like http://example.com/) you must provide an index.html file.
   从GitHub仓库发现每一个界面都存在一个index界面，而恰恰是index界面，使得其可以被浏览器解析。
   于是我便将方向转变为创建index界面。

3. 代码

   hexo new pageName

   使用上面这条命令创建新界面，在新创建的md文件中配置为：

    ---
    title: 标签
    date: 2025-01-20 11:02:25
    type: "tags"
    ---
   

   其中：title为页面标题，type不能省略，表示其为tags
   categories同理。

4. 效果
   

在遇到令人费解的问题时，仔细阅读提示。