# 7. 模板静态目录及调用静态文件 ## 模板静态目录 public ├─static // 静态文件目录 │ ├─module │ │ ├─index // 前台模板主题目录 │ │ │ ├─模板主题名称 │ │ │ │ ├─CSS、html相关文件 │ │ │ │ ├─lang 语言包文件夹 │ │ │ │ ├─preview.jpg // 封面图、预览图 │ │ │ │ ├─... ## 模板引用方法 ``` <pre class="calibre16">``` <span class="token5">// __static__ 模板变量，生成的路径为：/static/index/主题名称</span> <span class="token"><</span>link rel<span class="token">=</span><span class="token4">"stylesheet"</span> href<span class="token">=</span><span class="token4">"__static__/css/animate.css"</span><span class="token">></span> ``` ``` ``` <pre class="calibre16">``` <span class="token5">// __libs__ 模板变量，生成的路径是：/static/libs</span> <span class="token"><</span><span class="token">!</span><span class="token">--</span> 使用已有的字体库 <span class="token">--</span><span class="token">></span> <span class="token"><</span>link rel<span class="token">=</span><span class="token4">"stylesheet"</span> href<span class="token">=</span><span class="token4">"__libs__/fontawesome-free/css/all.css"</span> <span class="token">/</span><span class="token">></span> ``` ``` ## 预览图  设置，在后台就能看到预览图效果，如下图所示