上一篇《剑鱼论坛主题（模板）文件结构》一文中我们介绍了剑鱼论坛主题文件的构成，以及每个文件的作用。其中有一些文件是可以省略的，这些可以省略的文件都是提取了主题模板的公共HTML代码部分，并把这部分公共代码单独存放在一个文件里面。这一篇我们就是要来学习如何实现把HTML代码存放到另一个文件中，并作为公共代码使用。

要实现以上的目标，首先要确定哪部分代码是可以作为公共代码的，一般来说公共代码是每个页面都需要使用的，或者是有部分页面都需要使用，这个时候您可以把这段代码存放到另一个文件中，我们用默认主题来举个例子，其中的面包屑导航基本上每个页面都会需要，所以我们把下面的代码存放到单独的“daohang.html”文件中：

<nav>
    <ol class="breadcrumb my-0 bg-white py-1">
        {volist name="daohang" id="vo"}
        <li class="breadcrumb-item{if $vo.active == 1} active{/if}">
            {if $vo.active == 1}
            {$vo.icon} {$vo.label}
            {else /}
            <a href="{$vo.href}" class="text-info text-decoration-none">{$vo.icon} {$vo.label}</a>
            {/if}
        </li>
        {/volist}
    </ol>
</nav>

并且把原来需要这段代码的地方去除这段代码，用下面的语句代替：

{include file="public/theme/default/daohang.html" /}

由于我们现在是以默认主题为例子，所以上面代码中加粗部分是“default”，因为默认主题的名称就是“default”。所以这里有一个注意点是：把加粗的部分替换成您的主题文件夹名称。假设您的主题文件夹名称是“zhuti”的话，那么您应该这样写上面的代码：

{include file="public/theme/zhuti/daohang.html" /}

这样就可以在您的主题里面使用独立文件的公共代码了，观察一下默认主题的“header.html”、“footer.html”以及“side.html”文件都使用了相同的技术。

好了，提取公共代码的介绍已经介绍完了。下一篇我们将介绍“剑鱼论坛主题制作之基本标签语法”。