如果頁(yè)面結(jié)構(gòu)類似，例如兩個(gè)模板都有頁(yè)首（Header）和頁(yè)腳（Footer），您可考慮通過「布局」讓兩個(gè)模板共享相同的結(jié)構(gòu)。一個(gè)布局文件必須要能顯示 body 變量的內(nèi)容，如此一來(lái)模板的內(nèi)容才會(huì)被顯示，舉例來(lái)說：

index.ejs

index

layout.ejs

<!DOCTYPE html>
<html>
  <body><%- body %></body>
</html>

生成：

<!DOCTYPE html>
<html>
  <body>index</body>
</html>

每個(gè)模板都默認(rèn)使用 layout 布局，您可在 front-matter 指定其他布局，或是設(shè)為 false 來(lái)關(guān)閉布局功能，您甚至可在布局中再使用其他布局來(lái)建立嵌套布局。

局部模版（Partial）

局部模板讓您在不同模板之間共享相同的組件，例如頁(yè)首（Header）、頁(yè)腳（Footer）或側(cè)邊欄（Sidebar）等，可利用局部模板功能分割為個(gè)別文件，讓維護(hù)更加便利。舉例來(lái)說：

partial/header.ejs

<h1 id="logo"><%= config.title %></h1>

index.ejs

<%- partial('partial/header') %>
<div id="content">Home page</div>

生成：

<h1 id="logo">My Site</h1>
<div id="content">Home page</div>

局部變量

您可以在局部模板中指定局部變量并使用。

partial/header.ejs

<h1 id="logo"><%= title></h1>

index.ejs

<%- partial('partial/header', {title: 'Hello World'}) %>
<div id="content">Home page</div>

生成：

<h1 id="logo">Hello World</h1>
<div id="content">Home page</div>

最佳化

如果您的主題太過于復(fù)雜，或是需要生成的文件量太過于龐大，可能會(huì)大幅降低性能，除了簡(jiǎn)化主題外，您可以考慮 Hexo 2.7 新增的局部緩存（Fragment Caching）功能。

本功能借鑒于 Ruby on Rails，它儲(chǔ)存局部?jī)?nèi)容，下次便能直接使用緩存內(nèi)容，可以減少文件夾查詢并使生成速度更快。

它可用于頁(yè)首、頁(yè)腳、側(cè)邊欄等文件不常變動(dòng)的位置，舉例來(lái)說：

    <%- fragment_cache('header', function(){  
      return '';  
    });

如果您使用局部模板的話，可以更簡(jiǎn)單：

    <%- partial('header', {}, {cache: true});

但是，如果您開啟了 relative_link 參數(shù)的話，請(qǐng)勿使用局部緩存功能，因?yàn)橄鄬?duì)鏈接在每個(gè)頁(yè)面可能不同。

上一篇：輔助函數(shù)（Helpers）下一篇：遷移

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

模版

布局（Layout）

局部模版（Partial）

局部變量

最佳化