hexo-theme-fluid 1.8.13 → 1.9.1

package/layout/links.ejs

@@ -29,17 +29,11 @@ page.banner_mask_alpha = theme.links.banner_mask_alpha
   <% } %>
 </div>
 
-<% if(theme.links.custom.enable && theme.links.custom.content) { %>
+<% if(theme.links.custom && theme.links.custom.enable && theme.links.custom.content) { %>
   <!-- Custom -->
   <div class="custom mx-auto">
     <%- theme.links.custom.content %>
   </div>
 <% } %>
 
-<% if(theme.links.comments.enable) { %>
-  <!-- Comments -->
-  <article class="comments" id="comments">
-    <% var type = '_partial/comments/' + theme.links.comments.type %>
-    <%- partial(type) %>
-  </article>
-<% } %>
+<%- inject_point('linksComments') %>

package/layout/page.ejs

@@ -10,16 +10,32 @@ page.banner_mask_alpha = page.banner_mask_alpha || theme.page.banner_mask_alpha
 <article class="page-content">
   <%- page.content %>
 
-  <% if(page.comments) { %>
-    <!-- Comments -->
-    <article class="comments" id="comments">
-      <% var type %>
-      <% if (typeof page.comment === 'string' && page.comment !== '') { %>
-        <% type = '_partial/comments/' + page.comment %>
-      <% } else { %>
-        <% type = '_partial/comments/' + theme.post.comments.type %>
-      <% } %>
-      <%- partial(type) %>
-    </article>
-  <% } %>
+  <%- inject_point('pageComments') %>
 </article>
+
+<% if (/<[^>]+? class="[^"]*?markdown-body[^"]*?"/gims.test(page.content)) { %>
+  <% import_css(theme.static_prefix.github_markdown, 'github-markdown.min.css') %>
+  <% import_css(theme.static_prefix.hint, 'hint.min.css') %>
+
+  <% if (theme.code.highlight.enable) { %>
+    <%- partial('_partials/plugins/highlight.ejs') %>
+  <% } %>
+  <% if ((theme.code.language.enable && theme.code.language.default) || theme.code.copy_btn) { %>
+    <%- partial('_partials/plugins/code-widget.ejs') %>
+  <% } %>
+  <% if (theme.fun_features.anchorjs.enable && page.anchorjs !== false) { %>
+    <%- partial('_partials/plugins/anchorjs.ejs') %>
+  <% } %>
+  <% if (theme.post.image_zoom.enable && page.image_zoom !== false) { %>
+    <%- partial('_partials/plugins/fancybox.ejs') %>
+  <% } %>
+  <% if (theme.post.image_caption.enable) { %>
+    <% import_script('<script>Fluid.plugins.imageCaption();</script>') %>
+  <% } %>
+  <% if (theme.post.math.enable && (!theme.post.math.specific || (theme.post.math.specific && page.math))) { %>
+    <%- partial('_partials/plugins/math.ejs') %>
+  <% } %>
+  <% if (theme.post.mermaid.enable && (!theme.post.mermaid.specific || (theme.post.mermaid.specific && page.mermaid))) { %>
+    <%- partial('_partials/plugins/mermaid.ejs') %>
+  <% } %>
+<% } %>

package/layout/post.ejs

@@ -6,72 +6,64 @@ page.banner_mask_alpha = page.banner_mask_alpha || theme.post.banner_mask_alpha
 
 <div class="container-fluid nopadding-x">
   <div class="row nomargin-x">
-    <div class="d-none d-lg-block col-lg-2"></div>
+    <div class="side-col d-none d-lg-block col-lg-2">
+      <%- inject_point('postLeft') %>
+    </div>
+
     <div class="col-lg-8 nopadding-x-md">
       <div class="container nopadding-x-md" id="board-ctn">
-        <div class="py-5" id="board">
+        <div id="board">
           <article class="post-content mx-auto">
             <!-- SEO header -->
             <h1 style="display: none"><%= page.subtitle || page.title %></h1>
-            <% if(theme.post.updated && theme.post.updated.enable) { %>
-              <p class="note note-info">
+            <% if (theme.post.updated.enable && theme.post.updated && compare_date(page.date, page.updated)) { %>
+              <p class="note note-<%= theme.post.updated.note_class || 'info' %>">
                 <% if (theme.post.updated.relative) { %>
-                  <%- theme.post.updated.content %><%- relative_date(page.updated, theme.post.meta.date.format) %>
+                  <% if (theme.post.updated.content) { %>
+                    <!-- compatible with older versions-->
+                    <%- theme.post.updated.content %><%- relative_date(page.updated, theme.post.updated.date_format) %>
+                  <% } else { %>
+                    <%- __('post.updated', relative_date(page.updated, theme.post.updated.date_format)) %>
+                  <% } %>
                 <% } else { %>
-                  <%- theme.post.updated.content %><%- date(page.updated, theme.post.meta.date.format) %>
+                  <% if (theme.post.updated.content) { %>
+                    <!-- compatible with older versions-->
+                    <%- theme.post.updated.content %><%- date(page.updated, theme.post.updated.date_format) %>
+                  <% } else { %>
+                    <%- __('post.updated', date(page.updated, theme.post.updated.date_format)) %>
+                  <% } %>
                 <% } %>
               </p>
             <% } %>
             <div class="markdown-body">
+              <%- inject_point('postMarkdownBegin') %>
               <%- page.content %>
+              <%- inject_point('postMarkdownEnd') %>
             </div>
-            <hr>
+            <hr/>
             <div>
-              <div class="post-metas mb-3">
-                <% if (page.categories && page.categories.length > 0) { %>
-                  <div class="post-meta mr-3">
-                    <i class="iconfont icon-category"></i>
-                    <% page.categories.each(function(cate) { %>
-                      <a class="hover-with-bg" href="<%= url_for(cate.path) %>"><%- cate.name %></a>
-                    <% }) %>
-                  </div>
-                <% } %>
-                <% if (page.tags && page.tags.length > 0 ) { %>
-                  <div class="post-meta">
-                    <i class="iconfont icon-tags"></i>
-                    <% page.tags.each(function(tag) { %>
-                      <a class="hover-with-bg" href="<%= url_for(tag.path) %>"><%- tag.name %></a>
-                    <% }) %>
-                  </div>
-                <% } %>
-              </div>
-              <% if(theme.post.copyright.enable && theme.post.copyright.content && page.copyright !== false) { %>
-                <p class="note note-warning">
-                  <% if (typeof page.copyright === 'string' && page.copyright !== '') { %>
-                    <%- page.copyright %>
-                  <% } else { %>
-                    <%- theme.post.copyright.content %>
-                  <% } %>
-                </p>
-              <% } %>
+              <%- inject_point('postMetaBottom') %>
+
+              <%- inject_point('postCopyright') %>
+
               <% if(theme.post.prev_next.enable && !page.hide) { %>
-                <div class="post-prevnext">
+                <div class="post-prevnext my-3">
                   <article class="post-prev col-6">
                     <% const prev = prev_post(page) %>
                     <% if (prev) { %>
-                      <a href="<%= url_for(prev.path) %>">
+                      <a href="<%= url_for(prev.path) %>" title="<%= prev.title %>">
                         <i class="iconfont icon-arrowleft"></i>
-                        <span class="hidden-mobile"><%- prev.title %></span>
-                        <span class="visible-mobile"><%= __('post.pre') %></span>
+                        <span class="hidden-mobile"><%= prev.title %></span>
+                        <span class="visible-mobile"><%- __('post.prev_post') %></span>
                       </a>
                     <% } %>
                   </article>
                   <article class="post-next col-6">
                     <% const next = next_post(page) %>
                     <% if (next) { %>
-                      <a href="<%= url_for(next.path) %>">
-                        <span class="hidden-mobile"><%- next.title %></span>
-                        <span class="visible-mobile"><%= __('post.next') %></span>
+                      <a href="<%= url_for(next.path) %>" title="<%= next.title %>">
+                        <span class="hidden-mobile"><%= next.title %></span>
+                        <span class="visible-mobile"><%- __('post.next_post') %></span>
                         <i class="iconfont icon-arrowright"></i>
                       </a>
                     <% } %>
@@ -80,31 +72,45 @@ page.banner_mask_alpha = page.banner_mask_alpha || theme.post.banner_mask_alpha
               <% } %>
             </div>
 
-            <% if(page.comments && theme.post.comments.enable) { %>
-              <!-- Comments -->
-              <article class="comments" id="comments">
-                <% if (typeof page.comment === 'string' && page.comment !== '') { %>
-                  <% type = '_partial/comments/' + page.comment %>
-                <% } else { %>
-                  <% type = '_partial/comments/' + theme.post.comments.type %>
-                <% } %>
-                <%- partial(type) %>
-              </article>
-            <% } %>
+            <%- inject_point('postComments') %>
           </article>
         </div>
       </div>
     </div>
-    <% if(theme.post.toc.enable && page.toc !== false){ %>
-      <div class="d-none d-lg-block col-lg-2 toc-container" id="toc-ctn">
-        <%- partial('_partial/toc') %>
-      </div>
-    <% } %>
+
+    <div class="side-col d-none d-lg-block col-lg-2">
+      <%- inject_point('postRight') %>
+    </div>
   </div>
 </div>
 
-<!-- Custom -->
-<% if(theme.post.custom.enable && theme.post.custom.content && page.custom !== false) { %>
+<% import_css(theme.static_prefix.github_markdown, 'github-markdown.min.css') %>
+<% import_css(theme.static_prefix.hint, 'hint.min.css') %>
+
+<% if (theme.code.highlight.enable) { %>
+  <%- partial('_partials/plugins/highlight.ejs') %>
+<% } %>
+<% if ((theme.code.language.enable && theme.code.language.default) || theme.code.copy_btn) { %>
+  <%- partial('_partials/plugins/code-widget.ejs') %>
+<% } %>
+<% if (theme.fun_features.anchorjs.enable && page.anchorjs !== false) { %>
+  <%- partial('_partials/plugins/anchorjs.ejs') %>
+<% } %>
+<% if (theme.post.image_zoom.enable && page.image_zoom !== false) { %>
+  <%- partial('_partials/plugins/fancybox.ejs') %>
+<% } %>
+<% if (theme.post.image_caption.enable) { %>
+  <% import_script('<script>Fluid.plugins.imageCaption();</script>') %>
+<% } %>
+<% if (theme.post.math.enable && (!theme.post.math.specific || (theme.post.math.specific && page.math))) { %>
+  <%- partial('_partials/plugins/math.ejs') %>
+<% } %>
+<% if (theme.post.mermaid.enable && (!theme.post.mermaid.specific || (theme.post.mermaid.specific && page.mermaid))) { %>
+  <%- partial('_partials/plugins/mermaid.ejs') %>
+<% } %>
+
+<% if(theme.post.custom && theme.post.custom.enable && theme.post.custom.content && page.custom !== false) { %>
+  <!-- Custom -->
   <div class="col-lg-7 mx-auto nopadding-x-md">
     <div class="container custom post-custom mx-auto">
       <%- page.custom || theme.post.custom.content %>

package/layout/tag.ejs

@@ -9,4 +9,4 @@ page.banner_mask_alpha = theme.tag.banner_mask_alpha
 var tag = site.tags.find({name: page.tag}).filter(tag => tag.length).data[0]
 %>
 
-<%- partial('_partial/archive-list.ejs', { params: { postTotal: tag ? tag.posts.length : 0 } }) %>
+<%- partial('_partials/archive-list.ejs', { params: { key: page.layout, postTotal: tag ? tag.posts.length : 0 } }) %>

package/package.json

@@ -1,7 +1,15 @@
 {
   "name": "hexo-theme-fluid",
-  "version": "1.8.13",
+  "version": "1.9.1",
   "description": "An elegant Material-Design theme for Hexo.",
+  "main": "package.json",
+  "files": [
+    "languages",
+    "layout",
+    "scripts",
+    "source",
+    "_config.yml"
+  ],
   "repository": {
     "type": "git",
     "url": "git+https://github.com/fluid-dev/hexo-theme-fluid.git"
@@ -12,8 +20,8 @@
     "fluid",
     "material"
   ],
-  "author": "fluid-dev (https://github.com/fluid-dev)",
-  "license": "MIT",
+  "author": "Fluid-dev (https://github.com/fluid-dev)",
+  "license": "GPL-V3",
   "bugs": {
     "url": "https://github.com/fluid-dev/hexo-theme-fluid/issues"
   },

package/scripts/events/index.js

@@ -5,6 +5,7 @@
 hexo.on('generateBefore', () => {
   require('./lib/merge-configs')(hexo);
   require('./lib/compatible-configs')(hexo);
+  require('./lib/injects')(hexo);
   require('./lib/highlight')(hexo);
   require('./lib/lazyload')(hexo);
   require('./lib/footnote')(hexo);

package/scripts/events/lib/compatible-configs.js

@@ -16,8 +16,7 @@ module.exports = (hexo) => {
         enable     : hexo.theme.config.highlight.enable,
         lib        : 'highlightjs',
         highlightjs: {
-          style   : hexo.theme.config.highlight.style,
-          bg_color: hexo.theme.config.highlight.bg_color
+          style: hexo.theme.config.highlight.style
         },
         prismjs: {
           style     : 'default',
@@ -28,14 +27,14 @@ module.exports = (hexo) => {
   }
 
   // Some configs that require hexo >= 5.0
-  if (hexo.version[0] < '5') {
+  if (parseInt(hexo.version[0], 10) < 5) {
+    if (isZh) {
+      hexo.log.warn('[Fluid] 检测到 Hexo 版本低于 5.0.0，部分功能可能会受影响');
+    } else {
+      hexo.log.warn('[Fluid] Hexo version < 5.0.0 detected, some features may not be available.');
+    }
     if (hexo.theme.config.code.highlight.lib === 'prismjs' && hexo.theme.config.code.highlight.prismjs.preprocess) {
       hexo.theme.config.code.highlight.prismjs.preprocess = false;
-      if (isZh) {
-        hexo.log.warn('[Fluid] 检测到 Hexo 版本低于 5.0.0，配置项 "prismjs:preprocess" 参数值被强制设置为 false');
-      } else {
-        hexo.log.warn('[Fluid] Hexo version < 5.0.0 detected, "prismjs:preprocess" in theme config is forced to false.');
-      }
     }
   }
 

package/scripts/events/lib/footnote.js

@@ -11,7 +11,7 @@ module.exports = (hexo) => {
   }
 
   /**
-   * Modify by https://github.com/kchen0x/hexo-reference
+   * Modified from https://github.com/kchen0x/hexo-reference
    *
    * Render markdown footnotes
    * @param {String} text

package/scripts/events/lib/hello.js

@@ -1,8 +1,11 @@
 'use strict';
 
 module.exports = (hexo) => {
-  const isZh = hexo.theme.i18n.languages[0].search(/zh-CN/i) !== -1;
-  if (isZh) {
+  if (hexo.theme.has_hello) {
+    return;
+  }
+
+  if (hexo.theme.i18n.languages[0].search(/zh-CN/i) !== -1) {
     hexo.log.info(`
 ------------------------------------------------
 |                                              |
@@ -36,4 +39,5 @@ module.exports = (hexo) => {
 `);
   }
 
+  hexo.theme.has_hello = true;
 };

package/scripts/events/lib/highlight.js

@@ -1,8 +1,67 @@
 'use strict';
 
+const fs = require('fs');
 const objUtil = require('../../utils/object');
+const resolveModule = require('../../utils/resolve');
 
 module.exports = (hexo) => {
+
+  function parseStyleValue(line, attr) {
+    return line.split(attr)[1].replace(';', '').trim();
+  }
+
+  function resolveHighlight(name) {
+    if (!name) {
+      name = 'github-gist';
+    }
+    const cssName = name.toLowerCase().replace(/([^0-9])\s+?([^0-9])/g, '$1-$2').replace(/\s/g, '');
+    let file = resolveModule('highlight.js', `styles/${cssName}.css`);
+    if (cssName === 'github-gist' && !fs.existsSync(file)) {
+      file = resolveModule('highlight.js', 'styles/github.css');
+    }
+    let backgroundColor;
+    if (fs.existsSync(file)) {
+      const css = fs.readFileSync(file).toString();
+      let rule = '';
+      css.replace(/\.hljs(\s+|,[^{]+){(.*?)}/sg, (match, $1, content) => {
+        rule += content;
+        return match;
+      });
+      rule.split('\n').forEach(line => {
+        if (line.includes('background:')) {
+          backgroundColor = parseStyleValue(line, 'background:');
+        } else if (line.includes('background-color:')) {
+          backgroundColor = parseStyleValue(line, 'background-color:');
+        }
+      });
+    } else {
+      hexo.log.error(`[Fluid] highlightjs style '${name}' not found`);
+      return {};
+    }
+    return { file, backgroundColor };
+  }
+
+  function resolvePrism(name) {
+    if (!name) {
+      name = 'default';
+    }
+    let cssName = name.toLowerCase().replace(/[\s-]/g, '');
+    if (cssName === 'prism' || cssName === 'default') {
+      cssName = '';
+    } else if (cssName === 'tomorrownight') {
+      cssName = 'tomorrow';
+    }
+    let file = resolveModule('prismjs', `themes/${cssName ? 'prism-' + cssName : 'prism'}.css`);
+    if (!fs.existsSync(file)) {
+      file = resolveModule('prism-themes', `themes/${cssName}.css`);
+    }
+    if (!fs.existsSync(file)) {
+      hexo.log.error(`[Fluid] prismjs style '${name}' not found`);
+      return {};
+    }
+    return { file };
+  }
+
   const config = hexo.theme.config;
   if (!config.code || !config.code.highlight.enable) {
     return;
@@ -20,34 +79,33 @@ module.exports = (hexo) => {
       auto_detect: true,
       line_number: config.code.highlight.line_number || false
     });
+    hexo.theme.config.code.highlight.highlightjs = objUtil.merge({}, hexo.theme.config.code.highlight.highlightjs, {
+      light: resolveHighlight(hexo.theme.config.code.highlight.highlightjs.style),
+      dark : hexo.theme.config.dark_mode.enable && resolveHighlight(hexo.theme.config.code.highlight.highlightjs.style_dark)
+    });
 
     hexo.extend.filter.register('after_post_render', (page) => {
-      if (config.code.highlight.highlightjs.bg_color) {
-        page.content = page.content.replace(/(?<!<div class="hljs code-wrapper">)(<pre.+?<\/pre>)/gims, (str, p1) => {
+      if (hexo.config.highlight.line_number) {
+        page.content = page.content.replace(/<figure[^>]+?highlight.+?<td[^>]+?code[^>]+?>.*?(<pre.+?<\/pre>).+?<\/figure>/gims, (str, p1) => {
           if (/<code[^>]+?mermaid[^>]+?>/ims.test(p1)) {
-            return str.replace(/(class=".*?)hljs(.*?")/gims, '$1$2');
+            return p1.replace(/(class="[^>]*?)hljs([^>]*?")/gims, '$1$2').replace(/<br>/gims, '\n');
           }
-          return `<div class="hljs code-wrapper">${p1}</div>`;
+          return str;
         });
-        page.content = page.content.replace(/<td class="gutter/gims, '<td class="gutter hljs');
-      } else if (!hexo.config.highlight.line_number) {
-        page.content = page.content.replace(/(?<!<div class="code-wrapper">)(<pre.+?<\/pre>)/gims, (str, p1) => {
-          if (/<code[^>]+?mermaid[^>]+?>/ims.test(p1)) {
+      } else {
+        page.content = page.content.replace(/(?<!<div class="code-wrapper">)<pre.+?<\/pre>/gims, (str) => {
+          if (/<code[^>]+?mermaid[^>]+?>/ims.test(str)) {
             return str.replace(/(class=".*?)hljs(.*?")/gims, '$1$2');
           }
-          return `<div class="code-wrapper">${p1}</div>`;
+          return `<div class="code-wrapper">${str}</div>`;
         });
       }
 
-      if (hexo.config.highlight.line_number) {
-        // Mermaid block adaptation
-        page.content = page.content.replace(/<figure.+?<td class="code">.*?(<pre.+?<\/pre>).+?<\/figure>/gims, (str, p1) => {
-          if (/<code[^>]+?mermaid[^>]+?>/ims.test(p1)) {
-            return p1.replace(/(class=".*?)hljs(.*?")/gims, '$1$2').replace(/<br>/gims, '\n');
-          }
-          return str;
-        });
-      }
+      // 适配缩进型代码块
+      page.content = page.content.replace(/<pre><code>/gims, (str) => {
+        return '<pre><code class="hljs">';
+      });
+
       return page;
     });
   } else if (config.code.highlight.lib === 'prismjs') {
@@ -60,19 +118,30 @@ module.exports = (hexo) => {
       preprocess : config.code.highlight.prismjs.preprocess || false,
       line_number: config.code.highlight.line_number || false
     });
+    hexo.theme.config.code.highlight.prismjs = objUtil.merge({}, hexo.theme.config.code.highlight.prismjs, {
+      light: resolvePrism(hexo.theme.config.code.highlight.prismjs.style),
+      dark : hexo.theme.config.dark_mode.enable && resolvePrism(hexo.theme.config.code.highlight.prismjs.style_dark)
+    });
 
     hexo.extend.filter.register('after_post_render', (page) => {
-      page.content = page.content.replace(/(?<!<div class="code-wrapper">)(<pre.+?<\/pre>)/gims, (str, p1) => {
-        if (/<code[^>]+?mermaid[^>]+?>/ims.test(p1)) {
-          str = str.replace(/<pre[^>]*?>/gims, '<pre>')
-            .replace(/(class=".*?)language-mermaid(.*?")/gims, '$1mermaid$2');
+      page.content = page.content.replace(/(?<!<div class="code-wrapper">)<pre.+?<\/pre>/gims, (str) => {
+        if (/<code[^>]+?mermaid[^>]+?>/ims.test(str)) {
           if (hexo.config.highlight.line_number) {
-            str = str.replace(/<span.+?line-numbers-rows.+?>.+?<\/span><\/code>/, '</code>');
+            str = str.replace(/<span[^>]+?line-numbers-rows[^>]+?>.+?<\/span><\/code>/, '</code>');
           }
+          str = str.replace(/<pre[^>]*?>/gims, '<pre>')
+            .replace(/(class=".*?)language-mermaid(.*?")/gims, '$1mermaid$2')
+            .replace(/<span[^>]+?>(.+?)<\/span>/gims, '$1');
           return str;
         }
-        return `<div class="code-wrapper">${p1}</div>`;
+        return `<figure><div class="code-wrapper">${str}</div></figure>`;
       });
+
+      // 适配缩进型代码块
+      page.content = page.content.replace(/<pre><code>/gims, (str) => {
+        return '<pre class="language-none"><code class="language-none">';
+      });
+
       return page;
     });
   }

package/scripts/events/lib/injects.js

@@ -0,0 +1,118 @@
+'use strict';
+
+/**
+ * Modified from https://github.com/next-theme/hexo-theme-next/blob/master/scripts/events/lib/injects.js
+ */
+
+const fs = require('fs');
+const path = require('path');
+const defaultExtname = '.ejs';
+
+// Defining stylus types
+class StylusInject {
+
+  constructor(base_dir) {
+    this.base_dir = base_dir;
+    this.files = [];
+  }
+
+  push(file) {
+    // Get absolute path base on hexo dir
+    this.files.push(path.resolve(this.base_dir, file));
+  }
+}
+
+// Defining view types
+class ViewInject {
+
+  constructor(base_dir) {
+    this.base_dir = base_dir;
+    this.raws = [];
+  }
+
+  raw(name, raw, ...args) {
+    // Set default extname
+    if (path.extname(name) === '') {
+      name += defaultExtname;
+    }
+    this.raws.push({ name, raw, args });
+  }
+
+  file(name, file, ...args) {
+    // Set default extname from file's extname
+    if (path.extname(name) === '') {
+      name += path.extname(file);
+    }
+    // Get absolute path base on hexo dir
+    this.raw(name, fs.readFileSync(path.resolve(this.base_dir, file), 'utf8'), ...args);
+  }
+}
+
+const points = {
+  views: [
+    'head',
+    'header',
+    'bodyBegin',
+    'bodyEnd',
+    'footer',
+    'postMetaTop',
+    'postMetaBottom',
+    'postMarkdownBegin',
+    'postMarkdownEnd',
+    'postLeft',
+    'postRight',
+    'postCopyright',
+    'postComments',
+    'pageComments',
+    'linksComments'
+  ],
+  styles: [
+    'variable',
+    'mixin',
+    'style'
+  ]
+};
+
+// Init injects
+function initInject(base_dir) {
+  const injects = {};
+  points.styles.forEach(item => {
+    injects[item] = new StylusInject(base_dir);
+  });
+  points.views.forEach(item => {
+    injects[item] = new ViewInject(base_dir);
+  });
+  return injects;
+}
+
+module.exports = (hexo) => {
+  // Exec theme_inject filter
+  const injects = initInject(hexo.base_dir);
+  hexo.execFilterSync('theme_inject', injects);
+  hexo.theme.config.injects = {};
+
+  // Inject stylus
+  points.styles.forEach(type => {
+    hexo.theme.config.injects[type] = injects[type].files;
+  });
+
+  // Inject views
+  points.views.forEach(type => {
+    const configs = Object.create(null);
+    hexo.theme.config.injects[type] = [];
+    // Add or override view.
+    injects[type].raws.forEach((injectObj, index) => {
+      const name = `inject/${type}/${injectObj.name}`;
+      hexo.theme.setView(name, injectObj.raw);
+      configs[name] = {
+        layout : name,
+        locals : injectObj.args[0],
+        options: injectObj.args[1],
+        order  : injectObj.args[2] || index
+      };
+    });
+    // Views sort.
+    hexo.theme.config.injects[type] = Object.values(configs)
+      .sort((x, y) => x.order - y.order);
+  });
+};