首先将站点页面的统一（相同）部分分离单独文件（该操作非必需，在站点文件很多的情况下建议分离），方便管理与修改。该教程示例站点中我们将“导航”与“页尾”部分分离，分别存放目录“inc”下的“header.html”与“footer.html”文件中。

导航部分

上图中红色框中的HTML为我们切图的静态内容。

以上导航分离的同时，我们还加入了标记，实现了当前栏目导航凸显的功能。

将分离的文件上传至后台。

页尾部分

文件上传同上