refactor(core): and cover

src/core/render/compiler.js

@@ -5,7 +5,7 @@ import { genTree } from './gen-tree'
 import { slugify, clearSlugCache } from './slugify'
 import { emojify } from './emojify'
 import { toURL } from '../route/hash'
-import { isFn, merge, cached } from '../util/core'
+import { isFn, merge, cached, noop } from '../util/core'
 
 let markdownCompiler = marked
 let contentBase = ''
@@ -115,4 +115,10 @@ export function subSidebar (el, level) {
  * Compile cover page
  */
 export function cover (text) {
+  const cacheToc = toc.slice()
+  const html = markdown(text)
+
+  toc = cacheToc.slice()
+
+  return html
 }

src/core/render/index.js

@@ -1,9 +1,9 @@
 import * as dom from '../util/dom'
-import { getAndActive } from '../event/sidebar'
+import { getAndActive, sticky } from '../event/sidebar'
 import { scrollActiveSidebar } from '../event/scroll'
 import cssVars from '../util/polyfill/css-vars'
 import * as tpl from './tpl'
-import { markdown, sidebar, subSidebar } from './compiler'
+import { markdown, sidebar, subSidebar, cover } from './compiler'
 import { callHook } from '../init/lifecycle'
 
 function renderMain (html) {
@@ -34,7 +34,8 @@ export function renderMixin (Docsify) {
   }
 
   proto._renderNav = function (text) {
-    this._renderTo('nav', markdown(text))
+    text && this._renderTo('nav', markdown(text))
+    getAndActive('nav')
   }
 
   proto._renderMain = function (text) {
@@ -43,6 +44,31 @@ export function renderMixin (Docsify) {
       callHook(this, 'afterEach', html, text => renderMain.call(this, text))
     })
   }
+
+  proto._renderCover = function (text) {
+    const el = dom.getNode('.cover')
+    if (!text) {
+      dom.toggleClass(el, 'remove', 'show')
+      return
+    }
+    dom.toggleClass(el, 'add', 'show')
+
+    let html = cover(text)
+    const m = html.trim().match('<p><img[^s]+src="(.*?)"[^a]+alt="(.*?)">([^<]*?)</p>$')
+
+    if (m) {
+      if (m[2] === 'color') {
+        el.style.background = m[1] + (m[3] || '')
+      } else {
+        dom.toggleClass(el, 'add', 'has-mask')
+        el.style.backgroundImage = `url(${m[1]})`
+      }
+      html = html.replace(m[0], '')
+    }
+
+    this._renderTo('.cover-main', html)
+    sticky()
+  }
 }
 
 export function initRender (vm) {