我有一个网站，该网站的结构相当复杂且经常变化。为了大致了解该网站的样子，以下是其文件结构的假装版本：
/Website Directory
/HTML
home.html
/Area1
area1home.html
/sub1Area1
sub1Area1home.html
/sub1Sub1Area1
s1s1a1p1.html
s1s1a1p2.html
s1s1a1p3.html
/subSubArea2
s1s1a2p1.html
s1s1a2p2.html
s1s1a2p3.html
s1s1a2p4.html
/sub1Area2
... (similar to /sub1Area1)
/Area2
... (similar to /Area1)
/images
... (structured similar to /HTML)
/CSS
style.css
/JavaScript
script.js
在开发网站时，我将经常添加和删除文件和文件夹，并且每个页面都应该具有允许用户导航树结构的链接。我将使用带有下拉菜单的面包屑链接栏来完成此操作。但是，由于这些文件经常更改，因此我不想只手动在每个页面的链接中写入内容。而是，我希望这样，以便在添加或删除页面或文件夹时，任何页面上的链接都会自动填充到周围的页面中。因此，如果您位于第s1s1a1p1.html页，并且面包屑栏显示
Home > Area1 > Sub1Area1 > sub1Sub1Area1 > s1s1a1p1.html
和Area1按钮是其他区域的下拉列表（例如，Area1，Area2，...等）。同样，对于Sub1Area1按钮和面包屑栏中的所有其他按钮也是如此。
除了链接之外，我还将具有用于幻灯片播放的图像文件，我希望这些文件也能自动更新。这意味着当以某种方式将图像添加到文件夹时，页面将自动在幻灯片中包含图片。
我的问题是，实现这一目标的最佳方法是什么？我是否应该编写一些JavaScript或jQuery脚本来探索文件结构（相对于服务器在何处调用脚本），并在HTML上写出链接？我猜如果是的话，那一定是服务器端脚本吧？在每次访问页面时始终运行脚本以重新构建HTML的成本是否会是一笔可观的成本？总共可能有100页。
还是我应该完全做其他事情？就像不在服务器端处理此问题，而是在本地写入所有文件，然后在每次编辑后，运行旨在遍历所有文件并更新链接的Python脚本-然后HTML文件将对链接进行编码直接输入，但我不必每次都手动对其进行编辑。