如何自动生成 html 内容页面以及带有名称的下一页和上一页的页内链接？

Question

我正在写一本在线非小说历史书。为了简单起见，它是关于古代帝国等的。 我已经用 html 和 css 手动编写了整个内容。我有一个目录页面，其中包含每个页面的链接。每个页面上都有一个带有相应页面标题的前进和后退链接。这些都是手动完成的。 我的问题是重组或插入或删除既耗时又容易出错。假设我有埃及、希腊和罗马的页面。我决定将巴比伦插入埃及和希腊之间。我必须修改埃及和希腊的内容页面和链接。如果我以后把希腊改名为Hellas，我必须再次修改各处标题。

我需要的是一个系统，我可以在其中命名每个页面并按照我想要的顺序拖放它们，所有内容都会自动生成。

Answer 1

为了保持简单，我将有一个 JS 文件，它将索引保存为数组 - 并使其成为保存该序列的唯一位置。

将其包含在每个 html 文件的

head

中，并带有

script

标签

const index =['Egypt', 'Greece', 'Rome'];
const name = window.location.href.split('/').at(-1).split('.')[0];
const i = index.indexOf(name);
const prevName = (i > 0) ? index[i - 1] : '';
const nextName = (i < (index.length - 1)) ? index[i + 1] : '';

每个 HTML 文件中的 JS 可以使用常量来创建前进和后退按钮，或者在实际内容页面的情况下，使用索引数组。

它是如此简单，我不会费心去创建拖放界面。