hexo-theme-volantis 4.3.1 → 5.0.0-beta.2

package/languages/en.yml

@@ -43,7 +43,14 @@ rightmenu:
   back: "Back"
   forward: "Forward"
   reload: "Reload"
+  search_word: "Site Search"
   copy_text: "Copy Text"
   copy_image_src: "Copy Image Link"
   copy_link: "Copy Link"
   open_in_new_tab: "Open Link in New Tab"
+
+kill:
+  title: "Sorry, your browser cannot access this site"
+  more: "Learn more >"
+  noscript: "This page requires browser support (enable) JavaScript"
+  ie: "Microsoft has terminated support for Internet Explorer (IE) 10 and earlier versions in 2016. <br/>There are great security risks to continue using it. Please use contemporary mainstream browsers to access."

package/languages/zh-CN.yml

@@ -6,8 +6,8 @@ post:
   pin: 置顶
   readmore: 阅读全文
   readoriginal: 去源站阅读
-  wordcount: '字数：%s字'
-  duration: '时长：%s分钟'
+  wordcount: '字数：%s 字'
+  duration: '时长：%s 分钟'
   comments: 评论
   comments_load: 点击加载 %s 评论
   comments_check: 正在检查 %s 能否访问...
@@ -43,7 +43,18 @@ rightmenu:
   back: "返回"
   forward: "前进"
   reload: "刷新"
+  search_word: "站内搜索"
   copy_text: "复制文本"
+  copy_paste: "粘贴文本"
+  copy_select: "全选文本"
+  copy_cut: "剪切文本"
   copy_image_src: "复制图片地址"
+  copy_image_file: "复制图片文件"
   copy_link: "复制链接"
   open_in_new_tab: "在新标签页打开"
+
+kill:
+  title: "抱歉，您的浏览器无法访问本站"
+  more: "了解详情 >"
+  noscript: "本页面需要浏览器支持（启用）JavaScript"
+  ie: "微软已经于2016年终止了对 Internet Explorer (IE) 10 及更早版本的支持，<br/>继续使用存在极大的安全隐患，请使用当代主流的浏览器进行访问。"

package/languages/zh-TW.yml

@@ -43,7 +43,14 @@ rightmenu:
   back: "返回"
   forward: "前进"
   reload: "刷新"
+  search_word: "站內搜索"
   copy_text: "複製文本"
   copy_image_src: "複製圖片地址"
   copy_link: "複製鏈接"
   open_in_new_tab: "在新標籤頁打開"
+
+kill:
+  title: "抱歉，您的瀏覽器無法訪問本站"
+  more: "了解詳情 >"
+  noscript: "本頁面需要瀏覽器支持（啟用）JavaScript"
+  ie: "微軟已經於2016年終止了對 Internet Explorer (IE) 10 及更早版本的支持，<br/>繼續使用存在極大的安全隱患，請使用當代主流的瀏覽器進行訪問。"

package/layout/404.ejs

@@ -1,4 +1,4 @@
 <%- partial('_pre') %>
-<div class="l_main no_sidebar">
+<div id="l_main" class="no_sidebar">
   <%- partial('_partial/article', {post: page, index: false}) %>
 </div>

package/layout/_meta/author.ejs

@@ -5,9 +5,9 @@ if (aid && site.data && site.data.author && (aid in site.data.author)) {
   author = site.data.author[aid];
 }
 %>
-<div class='new-meta-item author'>
-  <a class='author' href="<%- author.url %>" rel="nofollow">
-    <img no-lazy src="<%- author.avatar %>">
-    <p><%- author.name %></p>
+<div class='new-meta-item author' itemprop="author" itemscope itemtype="http://schema.org/Person">
+  <a itemprop="url" class='author' href="<%- author.url %>" rel="nofollow">
+    <img itemprop="image" src="<%- author.avatar %>">
+    <p itemprop="name"><%- author.name %></p>
   </a>
 </div>

package/layout/_meta/category.ejs

@@ -1,12 +1,15 @@
 <% if (post.categories && post.categories.length){ %>
   <div class='new-meta-item category'>
-    <a class='notlink'>
-      <i class="<%- theme.article.body.meta_library.category.icon %> fa-fw" aria-hidden="true"></i>
-      <%- list_categories(post.categories, {
-          show_count: false,
-          separator: '<span class="sep"></span>',
-          style: 'none'
-          }) %>
-    </a>
+    <i class="<%- theme.article.body.meta_library.category.icon %> fa-fw" aria-hidden="true"></i>
+    <%- list_categories(post.categories, {
+        show_count: false,
+        separator: '<span class="sep"></span>',
+        style: 'none'
+        }) %>
+    <% for(cat of post.categories.toArray()){ %>
+      <span hidden itemprop="about" itemscope itemtype="http://schema.org/Thing">
+        <a href="<%- url_for(cat.path) %>" itemprop="url"><span itemprop="name"><%- cat.name %></span></a>
+      </span>
+    <% } %>
   </div>
 <% } %>

package/layout/_meta/counter.ejs

@@ -26,7 +26,10 @@
       </p>
     </a>
   </div>
-<% } else if ((theme.comments.service=='valine'&&theme.comments.valine.visitor)||(theme.comments.service=='minivaline'&&theme.comments.minivaline.visitor)||(theme.comments.service=='waline'&&theme.comments.waline.visitor)) { %>
+<% } else if (
+    (theme.comments.service=='valine' && theme.comments.valine.visitor) || 
+    (theme.comments.service=='minivaline' && theme.comments.minivaline.visitor) || 
+    (theme.comments.service=='waline' && theme.comments.waline.visitor)) { %>
   <div class="new-meta-item browse">
     <a class='notlink'>
       <i class="<%- theme.article.body.meta_library.counter.icon %> fa-fw" aria-hidden="true"></i>
@@ -43,7 +46,7 @@
       </span>
     </a>
   </div>
-<% } else if (theme.comments.service=='twikoo') { %>
+<% } else if (theme.comments.service=='twikoo' && !!page.comments) { %>
   <div class="new-meta-item browse">
     <a class='notlink'>
       <i class="<%- theme.article.body.meta_library.counter.icon %> fa-fw" aria-hidden="true"></i>

package/layout/_meta/date.ejs

@@ -1,4 +1,4 @@
-<div class="new-meta-item date">
+<div class="new-meta-item date" itemprop="dateCreated datePublished" datetime="<%- moment(post.date).format() %>">
   <a class='notlink'>
     <i class="<%- theme.article.body.meta_library.date.icon %> fa-fw" aria-hidden="true"></i>
     <p><%- theme.article.body.meta_library.date.title + date(post.date, theme.article.body.meta_library.date.format) %></p>

package/layout/_meta/music.ejs

@@ -1,3 +1,3 @@
 <% if(post.music && post.music.enable != false){ %>
-  <%- partial('../_third-party/aplayer/layout', {post: post, where: 'meta'}) %>
+  <%- partial('../_plugins/aplayer/layout', {post: post, where: 'meta'}) %>
 <% } %>

package/layout/_meta/share.ejs

@@ -1,3 +1,3 @@
 <% if (theme.article.body.meta_library.share) { %>
-  <%- partial('../_third-party/share/layout') %>
+  <%- partial('../_plugins/share/layout') %>
 <% } %>

package/layout/_meta/tags.ejs

@@ -1,9 +1,12 @@
 <% if (post.tags && post.tags.length) { %>
   <%
   var items = [];
+  var hidden_items = [];
   post.tags.each(function(item){
     items.push('<div class="new-meta-item meta-tags"><a class="tag" href="'+url_for(item.path)+'" rel="nofollow"><i class="' + theme.article.body.meta_library.tags.icon + ' fa-fw" aria-hidden="true"></i><p>' + item.name + '</p></a></div>');
+    hidden_items.push(item.name);
   });
   %>
   <%- items.join(' ') %>
+  <span hidden itemprop="keywords"><%- hidden_items.join(' ') %></span>
 <% } %>

package/layout/_meta/thumbnail.ejs

@@ -1,3 +1,5 @@
 <% if(post.thumbnail && post.thumbnail.length){ %>
-  <a title='<%- post.title %>' href='<%- url_for(post.link || post.path) %>'><img class='thumbnail' src='<%- post.thumbnail %>'></a>
+  <a title='<%- post.title %>' href='<%- url_for(post.link || post.path) %>'>
+    <img class='thumbnail' src='<%- post.thumbnail %>' itemprop="image">
+  </a>
 <% } %>

package/layout/_meta/updated.ejs

@@ -1,4 +1,4 @@
-<div class="new-meta-item date" itemprop="dateUpdated" datetime="<%- moment(post.updated).format() %>">
+<div class="new-meta-item date" itemprop="dateModified" datetime="<%- moment(post.updated).format() %>">
   <a class='notlink'>
     <i class="<%- theme.article.body.meta_library.updated.icon %> fa-fw" aria-hidden="true"></i>
     <p><%- theme.article.body.meta_library.updated.title + date(post.updated, theme.article.body.meta_library.updated.format) %></p>

package/layout/{_cover → _partial/_cover}/dock.ejs

@@ -22,7 +22,7 @@
               <% if (value.target) { %>
                 target="<%- value.target %>"
               <% } %>
-              id="<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>">
+              active-action="action-<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>">
               <% if (value.img) { %><img src='<%= value.img %>'><% } else if (value.icon) { %><i class='<%= value.icon %> fa-fw'></i><% } %><p><%- value.name %></p>
             </a>
           <%})%>

package/layout/{_cover → _partial/_cover}/featured.ejs

@@ -22,7 +22,7 @@
               <% if (value.target) { %>
                 target="<%- value.target %>"
               <% } %>
-              id="<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>">
+              active-action="action-<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>">
               <% if (value.img) { %><img src='<%= value.img %>'><% } else if (value.icon) { %><i class='<%= value.icon %> fa-fw'></i><% } %><p><%- value.name %></p>
             </a>
           <%})%>

package/layout/{_cover → _partial/_cover}/focus.ejs

@@ -22,7 +22,7 @@
               <% if (value.target) { %>
                 target="<%- value.target %>"
               <% } %>
-              id="<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>">
+              active-action="action-<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>">
               <% if (value.img) { %><img src='<%= value.img %>'><% } else if (value.icon) { %><i class='<%= value.icon %> fa-fw'></i><% } %><p><%- value.name %></p>
             </a>
           <%})%>

package/layout/_partial/_cover/layout.ejs

@@ -0,0 +1,8 @@
+<% if (theme.plugins.parallax.enable) { %>
+  <div id="parallax-window"></div>
+<% } else if (theme.plugins.lazyload && theme.plugins.lazyload.enable) { %>
+  <div class='cover-bg lazyload placeholder' data-bg="<%- theme.cover.background %>"></div>
+<% } else { %>
+  <div class='cover-bg' style='background-image:url(<%- theme.cover.background %>)'></div>
+<% } %>
+<%- partial(theme.cover.layout_scheme) %>

package/layout/{_cover → _partial/_cover}/search.ejs

@@ -30,7 +30,7 @@
               <% if (value.target) { %>
                 target="<%- value.target %>"
               <% } %>
-              id="<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>">
+              active-action="action-<%= url_for(value.url).replace(/\/|%|\./g, "")?url_for(value.url).replace(/\/|%|\./g, ""):"home" %>">
               <% if (value.icon) { %><i class='<%= value.icon %> fa-fw'></i><% } %><p><%- value.name %></p>
             </a>
           <%})%>

package/layout/_partial/article.ejs

@@ -1,12 +1,17 @@
-<article class="article post white-box reveal md <%- theme.custom_css.body.effect.join(' ') %> article-type-<%= post.layout %>" id="<%= post.layout %>" itemscope itemprop="blogPost">
+<article itemscope itemtype="http://schema.org/Article" class="article post white-box reveal md <%- theme.custom_css.body.effect.join(' ') %> article-type-<%= post.layout %>" id="<%= post.layout %>" itemscope itemprop="blogPost">
+  <link itemprop="mainEntityOfPage" href="<%- post.permalink %>">
+  <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+    <meta itemprop="name" content="<%- config.title %>">
+  </span>
+  <span hidden itemprop="post" itemscope itemtype="http://schema.org/Post">
+    <meta itemprop="name" content="<%- config.title %>">
+    <meta itemprop="description" content="<%- config.description %>">
+  </span>
   <%- partial('meta', {post: post, position: 'top'}) %>
-  <% if (page.layout == 'artitalk') { %>
-    <div id="artitalk_main"></div>
-  <% } %>
-  <% if (page.layout == 'bb') { %>
-    <div id="bbtalk"></div>
-  <% } %>
-  <%- post.content %>
+  <div id="layoutHelper-page-plugins"></div>
+  <div id="post-body" itemprop="articleBody">
+    <%- post.content %>
+  </div>
   <% if (page.link) { %>
     <div class='div-ori-link'>
       <a class='ori-link' href='<%- url_for(post.link || post.path) %>'>
@@ -121,12 +126,12 @@
       <% } %>
     </div>
   <% } %>
+  <!-- Custom Files postEnd begin-->
+  <%- volantis_inject('postEnd') %>
+  <!-- Custom Files postEnd end-->
 </article>
 
 <% if (page.comments == undefined || page.comments != false) { %>
-  <%- partial('../_third-party/comments/index') %>
+  <%- partial('../_plugins/comments/index') %>
 <% } %>
 
-<% if (page.mathjax) { %>
-  <%- partial('../_third-party/math/mathjax/script') %>
-<% } %>

package/layout/_partial/cover.ejs

@@ -1,44 +1,24 @@
 <div id="l_cover">
   <% if (theme.plugins.pjax.enable) { %>
     <% if (theme.pjax_cover.enableCover) { %>
-        <div id="<%- theme.pjax_cover.coverWrapperID %>" class='cover-wrapper <%- page.layout %> <%- theme.cover.layout_scheme %>' style="display: <%- theme.pjax_cover.coverWrapperDisplay %>;">
-          <% if (theme.plugins.backstretch.enable) { %>
-            <div id='cover-backstretch'></div>
-          <% } else if (theme.plugins.lazyload && theme.plugins.lazyload.enable) { %>
-            <div class='cover-bg lazyload placeholder' data-bg="<%- theme.cover.background %>"></div>
-          <% } else { %>
-            <div class='cover-bg' style='background-image:url(<%- theme.cover.background %>)'></div>
-          <% } %>
-          <%- partial('../_cover/' + theme.cover.layout_scheme) %>
-          <div id="scroll-down" style="display: <%- theme.pjax_cover.scrollDownDisplay %>;"><i class="fa fa-chevron-down scroll-down-effects"></i></div>
-        </div>
+      <!-- see: /layout/_partial/scripts/_ctrl/coverCtrl.ejs -->
+      <div id="<%- theme.pjax_cover.frontMatterCover %>" class='cover-wrapper <%- page.layout %> <%- theme.cover.layout_scheme %>' style="display: <%- theme.pjax_cover.coverWrapperDisplay %>;">
+        <%- partial("./_cover/layout") %>
+        <div id="scroll-down" style="display: <%- theme.pjax_cover.scrollDownDisplay %>;"><i class="fa fa-chevron-down scroll-down-effects"></i></div>
+      </div>
     <% } %>
   <% } else { %>
       <% if (page.cover == true) { %>
         <% if (is_home() && page.prev == 0 && theme.cover.height_scheme == 'full') { %>
           <div class="cover-wrapper <%- page.layout %> <%- theme.cover.layout_scheme %>" id='full'>
-            <% if (theme.plugins.backstretch.enable) { %>
-              <div id='cover-backstretch'></div>
-            <% } else if (theme.plugins.lazyload && theme.plugins.lazyload.enable) { %>
-              <div class='cover-bg lazyload placeholder' data-bg="<%- theme.cover.background %>"></div>
-            <% } else { %>
-              <div class='cover-bg' style='background-image:url(<%- theme.cover.background %>)'></div>
-            <% } %>
-            <%- partial('../_cover/' + theme.cover.layout_scheme) %>
+            <%- partial("./_cover/layout") %>
             <div id="scroll-down"><i class="fa fa-chevron-down scroll-down-effects"></i></div>
           </div>
         <% } else { %>
           <div class="cover-wrapper <%- page.layout %> <%- theme.cover.layout_scheme %>" id='half'>
-            <% if (theme.plugins.backstretch.enable) { %>
-              <div id='cover-backstretch'></div>
-            <% } else if (theme.plugins.lazyload && theme.plugins.lazyload.enable) { %>
-              <div class='cover-bg lazyload placeholder' data-bg="<%- theme.cover.background %>"></div>
-            <% } else { %>
-              <div class='cover-bg' style='background-image:url(<%- theme.cover.background %>)'></div>
-            <% } %>
-            <%- partial('../_cover/' + theme.cover.layout_scheme) %>
+            <%- partial("./_cover/layout") %>
           </div>
         <% } %>
       <% } %>
   <% } %>
-  </div>
+</div>

package/layout/_partial/footer.ejs

@@ -1,22 +1,27 @@
 <% if (theme.site_footer) { %>
   <%
-  var layout = theme.site_footer.layout;
-  if (config.theme_config && config.theme_config.footer && config.theme_config.footer.layout) {
-    layout = config.theme_config.footer.layout;
-  }
+    var layout = theme.site_footer.layout;
+    if (config.theme_config && config.theme_config.footer && config.theme_config.footer.layout) {
+      layout = config.theme_config.footer.layout;
+    }
+    let theme_version = theme.info.theme_version
+    // 未发布的 alpha 版本
+    if (theme_version.indexOf("alpha")!=-1) {
+      theme_version = "dev"
+    }
   %>
-  <footer class="footer clearfix">
+  <footer class="footer clearfix"  itemscope itemtype="http://schema.org/WPFooter">
     <br><br>
     <% layout.forEach(function(item){ %>
       <% if (item == 'social') { %>
         <br>
-        <div class="social-wrapper">
+        <div class="social-wrapper" itemprop="about" itemscope itemtype="http://schema.org/Thing">
           <% (theme.site_footer.social||[]).forEach(function(value){ %>
             <% if (value.url && (value.icon || value.img || value.avatar)) { %>
               <a href="<%= url_for(value.url) %>"
                 class="social <%- value.icon %> flat-btn"
                 target="_blank"
-                rel="external nofollow noopener noreferrer">
+                rel="external nofollow noopener noreferrer" itemprop="url">
                 <% if (value.img) { %>
                   <img src="<%- value.img %>"/>
                 <% } else if (value.avatar) { %>
@@ -28,19 +33,19 @@
         </div>
       <% } else if (item == 'aplayer') { %>
         <div class="aplayer-container">
-          <%- partial('../_third-party/aplayer/layout', {post: null, where: 'footer'}) %>
+          <%- partial('../_plugins/aplayer/layout', {post: null, where: 'footer'}) %>
         </div>
       <% } else if (item == 'license') { %>
         <div><%- markdown(__('footer.license')) %></div>
       <% } else if (item == 'info') { %>
         <%- __('footer.use') %>
-        <a href="https://github.com/volantis-x/hexo-theme-volantis/tree/<%- theme.info.theme_version %>" target="_blank" class="codename">Volantis</a>
+        <a href="https://github.com/volantis-x/hexo-theme-volantis/tree/<%- theme_version %>" target="_blank" class="codename">Volantis</a>
         <%- __('footer.theme') %><% if (theme.analytics.busuanzi) { %><%- __('symbol.comma') %><%- __('footer.total_views') %>
           <span id="busuanzi_value_site_pv"><i class="fas fa-circle-notch fa-spin fa-fw" aria-hidden="true"></i></span>
           <%- __('footer.times') %>
         <% } %>
       <% } else if (item == 'source') { %>
-        <%- markdown(__('footer.site_source', '[Volantis](https://github.com/volantis-x/hexo-theme-volantis/tree/'+theme.info.theme_version+')', 'GitHub', 'https://github.com/volantis-x/volantis-docs')) %>
+        <%- markdown(__('footer.site_source', '[Volantis](https://github.com/volantis-x/hexo-theme-volantis/tree/'+theme_version+')', 'GitHub', 'https://github.com/volantis-x/volantis-docs')) %>
       <% } else if (item == 'copyright') { %>
         <div class='copyright'>
         <%- markdown(theme.site_footer.copyright) %>
@@ -51,5 +56,8 @@
         <% } %>
       <% } %>
     <% }) %>
+    <!-- Custom Files footer begin-->
+    <%- volantis_inject('footer') %>
+    <!-- Custom Files footer end-->
   </footer>
 <% } %>

package/layout/_partial/head.ejs

@@ -1,129 +1,74 @@
 <head hexo-theme='https://github.com/volantis-x/hexo-theme-volantis/tree/<%- theme.info.theme_version %>'>
+  <%- meta_generator() %>
   <meta charset="utf-8">
   <!-- SEO相关 -->
-  <% if (page.robots) { %>
-    <meta name="robots" content="<%- page.robots %>">
-  <% } else if (theme.seo && theme.seo.robots) { %>
-    <% if (is_home()) { %>
-      <% if (page.prev == 0) { %>
-        <meta name="robots" content="<%- theme.seo.robots.home_first_page %>">
-      <% } else { %>
-        <meta name="robots" content="<%- theme.seo.robots.home_other_pages %>">
-      <% } %>
-    <% } else if (is_archive()) { %>
-      <meta name="robots" content="<%- theme.seo.robots.archive %>">
-    <% } else if (is_category()) { %>
-      <meta name="robots" content="<%- theme.seo.robots.category %>">
-    <% } else if (is_tag()) { %>
-      <meta name="robots" content="<%- theme.seo.robots.tag %>">
-    <% } %>
-  <% } %>
+  <%- generate_seo(theme, page) %>
+  <%- autoCanonical(config, page) %>
   <!-- 渲染优化 -->
-  <meta http-equiv='x-dns-prefetch-control' content='on' />
+  <!-- <meta http-equiv='x-dns-prefetch-control' content='on' />
   <link rel='dns-prefetch' href='https://cdn.jsdelivr.net'>
-  <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
+  <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> -->
   <meta name="renderer" content="webkit">
   <meta name="force-rendering" content="webkit">
   <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
   <meta name="HandheldFriendly" content="True" >
   <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-  <% if (theme.use_cdn && theme.info.cdn && theme.info.cdn.css.first) { %>
-  <link rel="preload" href="<%- theme.info.cdn.css.first %>" as="style">
-  <% } else { %>
-  <link rel="preload" href="<%- url_for("/css/first.css") %>" as="style">
-  <% } %>
-
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
+  <meta content="<%=config.title%>" name="application-name">
+  <meta content="<%=config.title%>" name="apple-mobile-web-app-title">
+  <meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
+  <meta content="telephone=no" name="format-detection">
+  <link rel="preload" href="<%- theme.cdn.map.css.style %>" as="style">
+  <%- generate_preload_fontfamily(theme) %>
   <!-- 页面元数据 -->
-  <%
-    var title = page.seo_title || page.title;
-    var keywords = page.keywords || '';
-    var description = page.description || '';
-    if (is_archive()) {
-      title = __('navbar.archive');
-      if (is_month()) {
-        title += __('symbol.colon') + page.year + '/' + page.month;
-      } else if (is_year()) {
-        title += __('symbol.colon') + page.year;
-      }
-    } else if (is_category()) {
-      title = __('navbar.category') + __('symbol.colon') + page.category;
-    } else if (is_tag()) {
-      title = __('navbar.tag') + __('symbol.colon') + page.tag;
-    } else if (is_home() && page.prev == 0) {
-      keywords = config.keywords || '';
-      description = config.description || '';
-    } else {
-      if ((page.layout == 'docs') && page.group && (page.group in theme.sidebar.widget_library)) {
-        let widget = theme.sidebar.widget_library[page.group];
-        if ((widget.class == 'group') && widget.seo_title) {
-          title = widget.seo_title + ": " + title;
-        }
-      }
-    }
-    if (theme.seo && theme.seo.use_tags_as_keywords) {
-      if (!keywords && page.tags && page.tags.length > 0) {
-        let tags = page.tags.map(function(t){return t.name}).join(',');
-        if (tags.length > 0) {
-          keywords += tags;
-        }
-      }
-    }
-    if (theme.seo && theme.seo.use_excerpt_as_description) {
-      if (page.description == undefined) {
-        if (page.excerpt) {
-          description = truncate(strip_html(page.excerpt), {length: 160});
-        }
-      }
-    }
-  %>
-  <title><% if (title) { %><%= title %> - <% } %><%= config.title %></title>
-  <% if (keywords){ %>
-    <meta name="keywords" content="<%- keywords %>">
-  <% } %>
-
-  <% if (description){ %>
-    <meta name="description" content="<%- description %>">
-  <% } %>
-
+  <%- generate_title(config, theme, page) %>
+  <%- generate_keywords(config, theme, page) %>
+  <%- open_graph(theme.open_graph) %>
   <!-- feed -->
-  <% if (config.feed && config.feed.path){ %>
+  <%_ if (config.feed && config.feed.path){ _%>
     <%- feed_tag(config.feed.path, {title: config.title}) %>
-  <% } %>
-
+  <%_ } _%>
   <!-- import meta -->
-  <% if (config.import && config.import.meta){ %>
-    <% (config.import.meta||[]).forEach(function(item){ %>
+  <%_ if (config.import && config.import.meta){ _%>
+    <%_ (config.import.meta||[]).forEach(function(item){ _%>
       <%- item %>
-    <% }) %>
-  <% } %>
-
+    <%_ }) _%>
+  <%_ } _%>
   <!-- link -->
-  <% if (config.favicon) { %>
+  <%_ if (config.favicon) { _%>
     <link rel="shortcut icon" type='image/x-icon' href="<%- url_for(config.favicon) %>">
-  <% } %>
-
+  <%_ } _%>
   <!-- import link -->
-  <% if (config.import && config.import.link){ %>
-  <% (config.import.link||[]).forEach(function(item){ %>
-  <%- item %><% }) %>
-  <% } %>
-
-  <% if (theme.use_cdn && theme.info.cdn && theme.info.cdn.css.first) { %>
-    <%- css(theme.info.cdn.css.first) %>
-  <% } else { %>
-    <%- css('/css/first.css') %>
-  <% } %>
-
-  <% if (theme.use_cdn && theme.info.cdn && theme.info.cdn.css.style) { %>
-  <link rel="stylesheet" href="<%- theme.info.cdn.css.style %>" media="print" onload="this.media='all';this.onload=null">
-  <noscript><link rel="stylesheet" href="<%- theme.info.cdn.css.style %>"></noscript>
-  <% } else { %>
-  <link rel="stylesheet" href="<%- url_for("/css/style.css") %>" media="print" onload="this.media='all';this.onload=null">
-  <noscript><link rel="stylesheet" href="<%- url_for("/css/style.css") %>"></noscript>
-  <% } %>
-
-  <script id="loadcss"></script>
-
-  <%- partial('../_third-party/end-of-support/script') %>
+  <%_ if (config.import && config.import.link){ _%>
+    <%_ (config.import.link||[]).forEach(function(item){ _%>
+      <%- item %>
+    <%_ }) _%>
+  <%_ } _%>
+  <style>
+    /* 首屏样式 */
+    <%- FirstCSS() %>
+  </style>
+  <%_ if (theme.plugins.tag_plugin_load_on_demand.enable) { _%>
+  <pjax>
+    <style>
+      /* 按需加载的标签插件样式 */
+      <%- TagCSS(page) %>
+    </style>
+  </pjax>
+  <%_ } _%>
+  <link rel="stylesheet" href="<%- theme.cdn.map.css.style %>" media="print" onload="this.media='all';this.onload=null">
+  <noscript><link rel="stylesheet" href="<%- theme.cdn.map.css.style %>"></noscript>
+  <%_ if (theme.plugins.darkmode.enable) { _%>
+    <script>
+      let userColorScheme=localStorage.getItem("color-scheme")
+      if(userColorScheme){
+        document.documentElement.setAttribute("color-scheme", userColorScheme);
+      }
+    </script>
+  <%_ } _%>
+  <%- partial('../_plugins/end-of-support/script') %>
+  <%- partial('scripts/global') %>
+  <!-- Custom Files head begin-->
+  <%- volantis_inject('head') %>
+  <!-- Custom Files head end-->
 </head>